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

时间:2022-11-26 21:02:42

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
}