如何只构建main.bundle.js

时间:2018-03-27 15:49:45

标签: angular webpack angular-cli

在Angular应用程序中,我需要与主应用程序一起构建插件。

这个插件只是主应用程序中组件子集的包装器,目前我正在通过在 angular-cli.json 中配置第二个Angular应用程序来构建它。 (关注this)。

要输出构建,我必须单独构建主应用程序和插件应用程序。然后我在主应用程序构建中移动插件应用程序构建,因为这是部署结构。

显然这个大小加倍,虽然插件应用程序只有几行代码并使用主应用程序中的所有内容。

我相信 main.bundle.js 是包含Angular应用程序代码的文件。

对于插件,我只能输出 main.bundle.js index.html 。然后在插件的 index.html 中,我引用主要应用程序中的其他文件,例如。

<script type="text/javascript" src="../inline.f5ed4d8be055cd41a552.bundle.js"></script>

1 个答案:

答案 0 :(得分:0)

使用

ng build --watch

这将重建任何已更改的文件(即只有delta,因此它更快)。通常只有你的源更改,所以有效main.js得到重建。

我正在使用MVC5 /捆绑来重建我的捆绑包。我仍然需要在更改后刷新浏览器,但它比停止/启动整个环境更好!