Angular2 cli (Webpack)为不同的模块创建块

Angular2 cli (Webpack) creating chunks for different modules

本文关键字:模块 创建 cli Webpack Angular2      更新时间:2023-09-26

我正在开发一个Angular2应用程序,它有很多独立的模块。模块特定的文件(js,css,html)只有在动态创建模块时才会被获取(…使用moduleFactory和createComponent)。

所以我需要捆绑我的应用程序在这样一种方式,而不是有单一的bundle.js,我希望每个模块作为一个单独的块,以便块(js)只在模块创建时获取。

我如何在angular cli中实现这一点??CommonsChunkPlugin会有帮助吗?

你可以直接用webpack设置你的项目,而不需要使用angular-cli,并使用require.ensure()动态地包含外部文件。Webpack将检测到require.ensure(),并为它创建一个单独的块