在Javascript中切換開發/測試/生產變量

Question

我正在嘗試搜索最佳方法來管理Devlopment，Test和Production環境中相同變量的不同值。
例如，我有變量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工具進行縮小，是否也可以切換變量值？ 或者它可以被認為是一個Grunt任務（即使我無法理解如何正確配置Grunt任務......）？

Answer 1

可能更好的是將JSON寫入JS文件，該文件是構建工件的一部分。 類似於文件創建者的東西，可以像這樣寫一個文件（使用簡單的設置，顯然可以使其更具動態性）。

在您的module.exports頂部用於grunt任務，將配置文件加載到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;