共计 716 个字符，预计需要花费 2 分钟才能阅读完成。
有时候我们在代码里需要根据环境变量来决定一些逻辑。常见的比如，在测试环境访问的后端 url 跟正式环境是不一样的。
不依赖框架的话，应当是基于 webpack 的 define-plugin 实现。如文档中所示的：
new webpack.DefinePlugin({
PRODUCTION: JSON.stringify(true),
VERSION: JSON.stringify(‘5fa3b9’),
BROWSER_SUPPORTS_HTML5: true,
TWO: ‘1+1’,
‘typeof window’: JSON.stringify(‘object’)
});
回到 dva。dva 核心是个基于 redux 封装的数据流方案，也可以当成一个轻量级框架。从框架的角度来讲，它其实很轻很轻，几乎没怎么管数据流之外的事情，只是简单地集成了少许几个库形成一个框架。
roadhog 是个服务于框架的命令行工具，主要就是提供 dev、build 和 test 等命令，屏蔽了 webpack 的复杂配置，提供了自己的相对简单的配置能力。
显然，这里的变量配置应当由 roadhog 来处理。不要像我当初一样觉得 dva 是个框架就应该有相关功能_(:зゝ∠)_
善用搜索引擎，从 roadhog 文档 – define 和相关讨论容易找到方案。roadhog 提供了 define 选项做 DefinePlugin 的事情。具体使用: 编辑.webpacrc.js
export default {
define: {
‘process.env’: {},
‘process.env.NODE_ENV’: process.env.NODE_ENV,
‘process.env.API_ENV’: process.env.API_ENV,
},
}