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

--------------------- 
作者：Robert_Gao 
來源：CSDN 
原文：https://blog.csdn.net/yingxiongfengyun2020/article/details/80661031?utm_source=copy 
版權宣告：本文為博主原創文章，轉載請附上博文連結！