有时候我们在代码里须要依据环境变量来决议一些逻辑。罕见的比方，在测试环境接见的后端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,
    },
}