在Angular2中将某些组件从生产中撤出？

使用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!';
}