Xử lý cấu hình môi trường cụ thể trong một ứng dụng javascript

Question

Bối cảnh: một xương sống ứng dụng duy nhất-page xây dựng với yeoman

Tôi muốn một cách để có một số thông số ứng dụng phụ thuộc vào môi trường hiện tại của tôi (dev vs sản xuất).

Ngay bây giờ tôi đang sử dụng hai tập tin cấu hình riêng biệt, và tôi chuyển đổi các dev một đến sản một khi triển khai mà grunt: nhiệm vụ 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' 
} 

giải pháp này hoạt động nhưng là mùi và không cho phép bất kỳ môi trường nào khác ngoài sản xuất và phát triển. Lựa chọn thay thế của tôi là gì?

Answer 1

Hãy thử điều này:

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

Sau đó gõ ?DEV=1 sau URL của bạn.

Answer 2

Bạn nên thử nhiệm vụ grunt-variablize.