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),})

2,webpack.prod.config.js:

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

3,utils.js:

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