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

Question

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

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

现在我正在使用两个单独的配置文件，并且在部署 grunt:usemin 任务时将开发文件切换到生产文件:

// 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。