Angular main.js 文件大

The*_*t94 8 angular-ui-router webpack angular angular-builder

我的项目用户 angular 版本 7,这里是 angular.json 配置 在此处输入图片说明

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

这是构建结果 在此处输入图片说明

这是我的分析仪结果 在此处输入图片说明

提前致谢

小智 6

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


小智 6

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

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