javascript - 在 Javascript 中切换开发/测试/生产变量

Question

我正在尝试寻找最佳方法来管理开发、测试和生产环境中相同变量的不同值。
例如，我有变量 jsonFile 可以是:

var jsonFile = http://localhost:63342/json/appsconfig.json

用于开发环境

var jsonFile = http://192.168.35.59/applications/json/appsconfig.json

测试环境

var jsonFile = http://example.com/applications/json/appsconfig.json

用于生产环境

我试图阅读很多关于前端开发堆栈的内容，但我对使用什么工具感到困惑。我将使用 Google Closure Tools 进行缩小，切换变量值是否也有用？还是可以将其视为 Grunt 任务(即使我无法理解如何正确配置 Grunt 任务...)？

Answer 1

将 JSON 写入作为构建工件一部分的 JS 文件可能会更好。类似于 file-creator可以像这样编写文件(使用显然可以变得更加动态的简单设置)。

在 grunt 任务的 module.exports 顶部，将配置文件加载到 var 中，如下所示:

var configData = grunt.file.readJSON('../config/appsconfig.json'),

然后使用 grunt file-creator 模块写入一个新的 JS 文件

"file-creator": {
    'dev': {
        'build/config.js': function (fs, fd, done) {
                fs.writeSync(fd, 
                    'var yourSiteHere = yourSiteHere || {}; yourSiteHere.config = '
                    + JSON.stringify(configData) + ";"
                );
                done();
        }
    }
}

然后将此 JS 文件加载到页面中(甚至可能使用单独的 grunt 任务将其缩小)。然后，您将能够像这样引用配置数据:

var apiEndPoint = yourSiteHere.config.api.apiEndPoint,
    apiKey = yourSiteHere.config.api.apiKey;