从Angular CLI 6开始,ng build –prod不会缩小/ uglify /删除注

发布时间：2020-12-17 17:24:21 所属栏目：安全来源：网络整理

导读：由于我已将Angular应用程序升级为使用Angular CLI版本6.x,因此将其编译为生产(使用ng build –prod,像往常一样)不会产生缩小的js.这导致了非常大的vendor.js大小(在我的情况下几乎是10 MB). 如果我打开生成的vendor.js文件,我可以清楚地看到代码没有缩小,并

由于我已将Angular应用程序升级为使用Angular CLI版本6.x,因此将其编译为生产(使用ng build –prod,像往常一样)不会产生缩小的js.这导致了非常大的vendor.js大小(在我的情况下几乎是10 MB).

如果我打开生成的vendor.js文件,我可以清楚地看到代码没有缩小,并且不会删除注释.

解决方法

问题出在angular.json文件中.

在关键项目.MY_PROJECT_NAME.architect.build.configurations.production下,我在创建新的角度项目时缺少生产配置中默认通常出现的所有选项.

这是生产配置应该如何解决问题：

"production": {
  "fileReplacements": [
    {
      "replace": "src/environments/environment.ts","with": "src/environments/environment.prod.ts"
    }
  ],"optimization": true,"outputHashing": "all","sourceMap": false,"extractCss": true,"namedChunks": false,"aot": true,"extractLicenses": true,"vendorChunk": false,"buildOptimizer": true
},

出于某些原因,从以前的Angular CLI版本升级后,我的生产配置只有fileReplacements键.添加上面显示的其他属性(优化,输出哈希等…)为我解决了这个问题.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!