是否有一些方法可以在构建时为Angular2 / 4中的生产构建省略我选择的组件/部分代码？
我有一个应用程序,它有一个我在本地使用的管理工具.我希望这个管理工具不在应用程序的生产版本中.我当然可以 – 每次进行生产构建时都会对代码进行注释,但是有更优雅的解决方案吗？像条件构建代码的某些部分？
我正在寻找类似* ngIf =“buildingForProduction”的东西 – 这方面的任何解决方案.它存在吗？
解决方法
根据@cyrix的回答.
使用ang cli时,有一个名为environment的文件夹,默认情况下包含文件environment.prod.ts和environment.ts.如果需要,您可以为不同的版本添加更多内容并相应地配置您的应用.
这些文件包含如下对象：
export const environment = {
production: false,myVariable: 'This variable is not included in production build'
};
使用时构建应用程序
ng build --env=prod
然后ang cli将使用environment.prod.ts.如果你建立
ng build
然后使用默认的environment.ts.
通过向此环境对象添加变量,您可以在应用程序中导入它并读取变量.像这样你可以检查你是否在生产构建中：
import { Component } from '@angular/core';
import { environment } from './../environments/environment';
@Component({
selector: 'app-root',templateUrl: './app.component.html',styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor() {
console.log(environment.production); // Logs false for default environment
}
title = 'app works!';
}
