Angular main.js文件较大

时间：2019-04-23 02:00:18

标签： angular webpack angular-ui-router angular-builder

我的项目用户angular版本7，这是angular.json配置enter image description here

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

这是构建结果 enter image description here

这是我的分析仪结果 enter image description here

预先感谢

2 个答案:

答案 0 :(得分：3)

  • 首先，停止使用webpack捆绑分析器，因为它没有 准确表示您的捆绑包空间并开始使用 source-map-explorer。

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

答案 1 :(得分：0)

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

相关问题
最新问题