webpack根据开发与生产环境配置不同变量-es6模板字符串

1.webpack.dev.config.js:

new webpack.DefinePlugin({
  'process.env': require('../config/dev.env'),
  'BASE_URL':'"/sonyHost"',
    'PRODUCTION': 'false',
    'DEVELEPMENT': 'true',
}),

2.webpack.prod.config.js:

new webpack.DefinePlugin({
  'process.env': env,
  'BASE_URL':'"https://pet.sonystyle.com.cn"',
  'PRODUCTION': 'true',
  'DEVELEPMENT': 'false',
}),

js文件

let baseUrlChange;
if(`${PRODUCTION}`=='true'){
  console.log("PRODUCTION:",`${PRODUCTION}`);
  baseUrlChange ='';
  console.log("baseUrlChange1:",baseUrlChange);
}else if(`${DEVELEPMENT}`=='true'){
  console.log("DEVELEPMENT:",`${DEVELEPMENT}`);
  baseUrlChange ='https://pet.sonystyle.com.cn';
  console.log("baseUrlChange2:",baseUrlChange)
}
export default baseUrlChange;