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 文件增加。