Question

我正在尝试将我的config.JSON文件的一部分注入到我的javascript文件中。

例如，这是我的appconfig.json：

{
  "prod": {
    "CONSTANTs" : {
      "url1": "https://someurl",
      "url2": "https://anotherurl",      
    }
  },
  "qa":{
    "CONSTANTS" : {
      "url1": "http://differenturl",
      "url2": "https://differenturl2",
    }
  }
}

我想要gulp build-prod作业的prod值和gulp build-qa的qa值。

我如何使用gulp做到这一点？

Answer 1

以下是我将jSON文件的一部分注入js文件中的变量所做的工作：

秘密酱是gulp-template和fs

代码： gulpfile.js

var gulp = require('gulp');
var template = require('gulp-template');
var fs = require('fs');

var configJSON = fs.readFileSync('appconfig.json');
var configDict = JSON.parse(configJSON).prod;

gulp.task('myConstants', function() {
  return gulp.src('./app/background.js')
    .pipe(template({myConfig: JSON.stringify(configDict)}))
    .pipe(gulp.dest('./dist'));
});

我的js档案： background.js

var config = <%= myConfig %>

如何加载JSON文件的一部分并将其注入我的js文件？

1 个答案: