entry: {
'polyfills': './src/polyfills.browser.ts',
'main': AOT ? './src/main.browser.aot.ts' :
'./src/main.browser.ts',
'widget': './src/app/widget/index.ts' // <-- added this
}
我是一名有用的助手,可以为您翻译文本。
我现在有三个问题。
使widget.bundle.js独立
由于Webpack已经将共享依赖项捆绑在一起,因此我仍然需要加载所有的Angular应用程序模块才能使我的小部件正常工作:
<script src="http://localhost:8080/polyfills.dll.js"></script>
<script src="http://localhost:8080/vendor.dll.js"></script>
<script src="http://localhost:8080/polyfills.bundle.js"></script>
<script src="http://localhost:8080/vendor.bundle.js"></script>
<script src="http://localhost:8080/main.bundle.js"></script>
<script src="http://localhost:8080/widget.bundle.js"></script>
我希望我的小部件是完全自包含的,这样我就可以只加载:
<script src="http://localhost:8080/widget.bundle.js"></script>
防止widget.bundle.js在主应用程序中被加载
现在,当我运行我的主应用程序时,它也会尝试加载widget.bundle.js。我想要防止这种情况发生。
Webpack将块ID附加到包名称
对于生产构建,Webpack使用类似widget.234e2174f24f78d1072c.bundle.js
的名称创建我的小部件包。这不好,因为每次构建都会更改此名称,因此所有客户端都必须更新新名称。如何使此名称静态?