在 javascript 应用程序中处理特定于环境的配置

Question

上下文：使用 yeoman 构建的单页主干应用程序

我想要一种方法让一些应用程序参数取决于我当前的环境（开发与生产）。

现在我正在使用两个单独的配置文件，并且在部署 grunt:usemin 任务时我将 dev 一个切换到 prod 一个：

// index.html
<!-- build:js scripts/config.prod.js -->
<script src="scripts/config.dev.js"></script>
<!-- endbuild -->    

// config.dev.js
window.config = {
    api_host: 'localhost:9393',
    api_key:  'dev_api_key'
}

// config.prod.js
window.config = {
    api_host = 'api.host.tld',
    api_key =  'prod_api_key'
}

此解决方案有效，但有异味，并且不允许在生产和开发之外的任何其他环境中使用。我的替代方案是什么？

Answer 1

试试这个：

var DEV = (window.location.indexOf("DEV=1")) != -1 ? true : false;

然后在你的 URL 后面输入?DEV=1。

Answer 2

您应该尝试grunt-variablize 任务。