javascript - vue能夠根據webpack的打包指令選擇載入不同的模組，例如npm run dev 時，載入一個global.dev.js模組

Question

其實主要想在webpack 執行npm run build , npm run dev ,npm run test 時載入不同的全域變量，例如api的位址，靜態資源的位址等。
現在使用vuex每次發佈到生產環境時，都手動改一下vuex儲存的變數host，感覺有點笨。
如果可以取得打包的參數，例如在執行npm run build ,載入一個global.prod.js 模組,裡面定義了生產環境的介面位址，諸如此類，能在打包發佈時提高效率，減少錯誤。

Answer 1

可以參考vue-cli的設定
例如生產階段腳本(build/build.js)裡面加入程式碼: process.env.NODE_ENV = 'production'

這樣在main.js中就可以透過判斷process.env.NODE_ENV的值來走不同的if判斷,給變數設定不同的值.