Angular-CLI构建文件大小差异

时间:2017-06-07 12:50:05

标签: angular webpack angular-cli

在构建我的Angular应用程序时,我最终得到了这个输出:

enter image description here

看着这个,你可以立即看到0.7f787ebcd865a23bb4ea.chunk.js和。{ vendor.fbdfd024192bddab02d3.bundle.js非常大。我想仔细检查它们有多大,并在命令行和查找程序中查找实际文件大小,即:

  • 1.8 MB代表0.xxx.chunck.js
  • 1.1 MB代表vendor.xxx.bundle.js

enter image description here

我认为它可能是*.js.map文件,但在prod模式下运行构建在文件上有一个相当小的差异:enter image description here 有人可以解释为什么我得到两个不同的文件大小?

1 个答案:

答案 0 :(得分:1)

您的两张图片都显示完全相同的尺寸,因此您不清楚第一次和第二次如何构建捆绑包。

但无论你如何构建捆绑包,要了解它们为何如此庞大,你需要知道捆绑包中的内容。安装Source-MapExplorer并查看其中的内容。

npm install -g source-map-explorer
source-map-explorer 0.xxx.chunck.js