Javascript 如何在部署时捆绑angular 2 html模板和css而不使用gulp/grunt/angular cli

我已经看过很多关于如何使用各种工具（systemJS、browserify）捆绑angular 2应用程序的教程。这些教程总是将html内联到component.ts文件中。当HTML和CSS位于外部文件中时，它无法在浏览器中找到它们（原因很清楚）

还有什么我可以用来处理相关的html和css文件吗？我知道gulp/grunt/angular cli对此有解决方案，但我想知道是否有一种方法不必采用这些系统之一。对于我正在做的其他事情，npm脚本已经足够了

---

我可以使用browserify/systemJS，或者其他npm模块，我可以将其作为脚本包含，而无需将整个项目迁移到angular cli或重写构建过程。

这看起来像是一个独立的工具，我在谷歌上搜索了这么多类似的东西，却找不到它。我的谷歌搜索失败了！非常感谢。我会检查它。使用

ng2 inline-o build/inline-b build build/***.js

它对遇到的第一个java脚本文件执行此操作，然后毫无错误地退出。它也不尊重相对html/css-就像您有一个组件

account/account.component.ts

将样式表引用为

样式URL:['account.component.css']

它将在您提供的基本文件夹中查找css文件，而不是组件相关的文件夹。我没有使用过该软件包，但我认为您最好使用angular cli tbh，并且您可能会花费比手动内联这些内容更少的时间。这看起来像是一个独立的工具类似的东西就这么多了，找不到它。我的谷歌搜索失败了！非常感谢。我会检查一下。使用

ng2 inline-o build/inline-b build/***.js

它会对遇到的第一个java脚本文件执行此操作，然后毫无错误地退出。它也不尊重相对html/css，就像你有一个组件一样

account/account.component.ts

将样式表引用为

styleURL:['account.component.css']

它将在您提供的基本文件夹中查找css文件，而不是与组件相关的文件夹。我没有使用过该软件包，但我认为您最好能够移动到angular cli tbh，并且您可能会花费比手动内联这些内容更少的时间。