从angular-cli创建的environment.ts文件中访问process.env

我有一个angular-cli应用程序(角度版本4.0.0).我希望能够在从cli创建的environment.ts文件中访问我的环境变量.

例：

export SOME_VARIABLE=exampleValue

当我构建我的角度应用程序时,我想在“SOME_VARIABLE”字段中填充“exampleValue”.

// environment.ts

export const environment = {
    production: false,SOME_VARIABLE: process.env.soME_VARIABLE
};

不幸的是,process.env在此文件中不可用.我怎样才能访问它？

解决方法

解决此问题的一种方法是创建一个节点脚本,用于替换占位符.

这可以使用replace-in-file从npm完成.

解决方案可能如下所示：

>

npm install replace-in-file –save-dev

>创建占位符

export const environment = {
  production: true,version: '{BUILD_VERSION}'
}

>创建节点脚本以替换占位符(根文件夹中的replace.build.js)

var replace = require('replace-in-file');
var buildVersion = process.env.BUILD_NUMBER;
const options = {
  files: 'environments/environment.ts',from: /{BUILD_VERSION}/g,to: buildVersion,allowEmptyPaths: false,};

try {
  let changedFiles = replace.sync(options);
  console.log('Build version set: ' + buildVersion);
}
catch (error) {
  console.error('Error occurred:',error);
}

>在构建过程f.e中执行此节点脚本.一口气

gulp.task('updateVersion',function (done) {
  exec('node ./replace.build.js',function (err,stdout,stderr) {
    console.log(stdout);
    console.log(stderr);
    done();
  });
});

现在,您可以在应用中使用environment.version.