angular - Angular main.js 文件大

Question

我的项目用户 angular 版本 7，这里是 angular.json 配置

当我为生产构建时，我的 main.js 文件太大了，接近 12MB，这使得我的应用程序加载页面非常缓慢。几乎初始加载需要 4 - 5 分钟

这是构建结果

这是我的分析器结果

提前致谢

Answer 1

将占用过多的文件拆分为模块并应用延迟加载

Answer 2

• 首先，停止使用 webpack 包分析器，因为它不能准确表示你的包空间并开始使用 source-map-explorer。

• 根据Angular 文档，如果您在延迟加载模块之外导入任何东西，那么它将包含在您的 main.js 包中。我遇到了这个问题，我在每个模块中导入共享模块，共享模块本身导入了很多包node_modules，导致 main.js 文件增加。