条件环境变量摇摇欲坠

时间:2019-03-26 10:48:27

标签: javascript angular typescript tree-shaking

当前,我正在尝试根据环境变量删除未使用的代码。 在下面的代码中,当我运行ng build --prod并在evironment.showDevTools = false中设置environment.prod.ts时,我希望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(){

1 个答案:

答案 0 :(得分:2)

我必须在GameServerHandler上添加一个名为"sideEffects": false的字段。所以目前看起来像这样:

package.json

引用:https://webpack.js.org/guides/tree-shaking/https://github.com/stereobooster/package.json#sideeffects