搜尋

首頁  >  問答  >  主體

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

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

滿天的星座滿天的星座2752 天前621

全部回覆(1)我來回復

  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:31:48

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

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

    回覆
    0
  • 取消回覆