webpack根据开发与生产环境配置不同变量--webpack.DefinePlugin

webpack有一个DefinePlugin接口，可以实现根据开发与生产环境配置不同变量。范例如下：需求：开发环境请求baseUrl = ''；生产环境请求 baseUrl = 'http://localhost:8066'实施：1,webpack.dev.config.js:

new webpack.DefinePlugin({
DEVELEPMENT: JSON.stringify(true),
PRODUCTION: JSON.stringify(false),
})

new webpack.DefinePlugin({
PRODUCTION: JSON.stringify(true),
DEVELEPMENT: JSON.stringify(false),

})

if(PRODUCTION){
var baseUrl = ''
}else if(DEVELEPMENT){
var baseUrl = 'http://localhost:8066'
}
export default {
baseUrl
}