Angular 7-在不缩小代码的情况下启用树抖动

Question

是否可以在不缩小代码的情况下使用ng build--prod启用树抖动？我知道使用自定义的webpack.config.js是可能的，但我使用angular cli和angular.json进行配置。有些人建议运行ng build--prod with--optimization=false标志，但我不确定这个标志是否会消除死代码

Answer 1

您正在寻找的是使用transpiled/minimied构建生成源映射。将此选项用于构建：

ng build --prod --sourceMap=true

请注意，这将向公众公开您的源代码。

您也可以在angular.json中为不同的目标(生产等(设置：

"architect": {
...
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "web:build",
"sourceMap": {
"scripts": true,
"styles": true,
"vendor": true
}
},
...