如何在角度2,4,6,7中减小vendor.js的大小？

Question

Angular CLI创建vendor.js，但我不知道为什么以及它的用途是什么？对于新应用程序，此文件的大小约为3.2MB！

此文件是否包含Angular 6 Javascript源？

您是否认为这是通过低速连接加载到Internet的大文件？

Answer 1

您的意思是如何减少？该文件包括您添加到项目中的所有库。如果您在生产模式下构建应用，则价格会低得多。

ng build --prod

如果不是您的答案，请解释更多您想要的内容。

Answer 2

而不是减少它，您可以完全删除该文件通过指定--build-optimizer标志，cli将在构建输出中禁用此文件。

CLI现在会将供应商代码捆绑到main.js捆绑包中，这也将使丑陋化以减小大小。

因此，您将看到main.js包的大小略有增加，与供应商块的大小相比是很小的

Answer 3

您可能还希望更新package.json中的构建脚本，以默认情况下生成产品构建。我遇到了这种部署到Heroku的问题，因为它会自动运行“ npm build”。默认情况下，“ npm build”运行以下脚本：

ng build

如果将其更新为

ng build --prod

在package.json中，然后Heroku / AWS / Azure将在部署时创建生产版本。

Answer 4

尝试

ng build --prod --aot --vendor-chunk --common-chunk --delete-output-path --buildOptimizer

我将vender。**。js从12mb减少到2mb