Angular 5项目对供应商包的大小有很大的尊重

时间:2018-05-06 05:24:23

标签: angular

我有一个小的Angular 5项目,开发环境和prod环境之间的这个包大小差异是否正常?

enter image description here

enter image description here

1 个答案:

答案 0 :(得分:2)

这个结果有很多原因:

构建目标生产模式需要进行大量优化:

  • AOT编译将从作为Angular框架的重要组成部分的bundle中删除角度“编译器”。
  • 您没有任何嵌入式源图。
  • 所有代码都缩小了
  • 提取
  • embed css并移至外部CSS文件(而不是嵌入js文件)(参见extract-css
  • Webpack从输出中删除未使用的代码。 (见build-optimizer

如果此项目必须在线,我强烈建议您在网络服务器上激活gzip mod。这会将大小缩小为400ko

official documentation