webpack dev如何配置多个服务器地址，能通过npm run dev:a/b/c改变全局HTTP请求的服务器IP端口

Question

如题，webpack dev开发模式下，如何配置多个服务器地址？
当跑不同的script脚本时，页面请求指向不同的服务端

比如：
serverList.js 配置一些后端服务器的IP和端口

/*serverList.js*/
module.exports = {
    william: {
        IP: '172.18.188.127',
        PORT: '8080',
    },
    justin: {
        IP: '193.112.51.142',
        PORT: '8080'
    },
    louis: {
        IP: 'localhost',
        PORT: '8080'
    }
}

package.json，定义脚本，http请求指向哪个服务器

script: {
    //默认的dev脚本
    "dev": "webpack-dev-server --devtool eval --inline --progress --config build/webpack.dev.conf.js",
    //默认的build脚本
    "build": "node build/build.js",
    
    //自定义的脚本
    "dev:louis": "npm run dev",// http请求前缀是http://localhost:8080/
    "dev:justin": "npm run dev",// http请求前缀是http://193.112.51.142:8080/
    "build:william": "npm run build",// http请求前缀是http://172.18.188.127:8080/
}

Answer 1

cross-env 了解一下

Answer 2

注入环境变量，然后通过环境变量去判断

process.env.xxx

可以使用webpack definePlugin插件，自己搜下

Answer 3

请问您最后解决了么，如果解决了，能发一下解决的步骤么，谢谢了