目前我正在尝试根据环境变量删除未使用的代码。
在下面的代码中，当我运行 ng build --prod 并在 environment.prod.ts 中设置 evironment.showDevTools = false 时，我期望console.log 不会包含在最终的构建文件中，但不幸的是它是。我做错了什么？
import { Component } from '@angular/core';
import { environment } from '../environments/environment';
if (environment.showDevTools) {
console.log('showing dev-tools');
}
@Component({
selector: 'app-component',
templateUrl: './app.html',
styleUrls: ['app.scss']
})
export class AppComponent {
}
main.js 的一部分
,ut=n("AytR");ut.a.showDevTools&&console.log("showing dev-tools");var st=function(){
最佳答案
我必须向 package.json 添加一个名为 "sideEffects": false 的字段。所以目前看起来像这样:
{
"name": "myApp",
"version": "1.0.0",
"sideEffects": false,
"scripts": {
"ng": "ng",
"test": "ng test",
...
},
}
引用文献:https://webpack.js.org/guides/tree-shaking/ , https://github.com/stereobooster/package.json#sideeffects
关于javascript - 条件环境变量摇树，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55355282/