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

时间:2018-07-10 05:38:07

标签: javascript angular angular-cli angular-cli-v6

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

此文件是否包含 Angular 6 Javascript源

您不认为这是通过低速连接在Internet上加载的大文件吗?

4 个答案:

答案 0 :(得分:9)

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

  

ng build --prod

如果这不是您的答案,请解释更多您要寻找的内容。

答案 1 :(得分:2)

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

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

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

答案 2 :(得分:2)

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

ng build

如果将其更新为

ng build --prod

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

答案 3 :(得分:1)

尝试

{
   "alertId":1295041,
   "alertInstructions":[
      {
         "InstructionId":1,
         "TimeStamp":637111473877506411,
         "OperateurName":"Olivier Matrot",
         "CheckPoint":true
      },
      {
         "InstructionId":2,
         "TimeStamp":637112167087671938,
         "OperateurName":"Olivier Matrot",
         "CheckPoint":true
      }
   ]
}

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