在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ webpack dev如何配置多個(gè)服務(wù)器地址,能通過npm run dev:a/

webpack dev如何配置多個(gè)服務(wù)器地址,能通過npm run dev:a/b/c改變?nèi)諬TTP請(qǐng)求的服務(wù)器IP端口

如題,webpack dev開發(fā)模式下,如何配置多個(gè)服務(wù)器地址?
當(dāng)跑不同的script腳本時(shí),頁(yè)面請(qǐng)求指向不同的服務(wù)端

比如:
serverList.js 配置一些后端服務(wù)器的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請(qǐng)求指向哪個(gè)服務(wù)器

script: {
    //默認(rèn)的dev腳本
    "dev": "webpack-dev-server --devtool eval --inline --progress --config build/webpack.dev.conf.js",
    //默認(rèn)的build腳本
    "build": "node build/build.js",
    
    //自定義的腳本
    "dev:louis": "npm run dev",// http請(qǐng)求前綴是http://localhost:8080/
    "dev:justin": "npm run dev",// http請(qǐng)求前綴是http://193.112.51.142:8080/
    "build:william": "npm run build",// http請(qǐng)求前綴是http://172.18.188.127:8080/
}
回答
編輯回答
離人歸

cross-env 了解一下

2017年8月14日 13:32
編輯回答
遺莣

注入環(huán)境變量,然后通過環(huán)境變量去判斷

process.env.xxx

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

2017年3月20日 15:45