vue cli3實現分環境打包

在vue-cli3的專案中，預設的package.json配置

此時只要根據process.env.node_env設定不同請求url就可以很簡單的區分出本地和線上環境。

但是實際真實的專案中，會有測試，預發布等環境。並且vue-cli3號稱0配置，無法直接修改打包檔案，那麼怎麼區分不同的線上環境呢？ 也就是說npm run build時怎麼手動更改process.env.node_env？或者配置乙個專門的打包命令。

package.json新增"build_t": "vue-cli-service build --mode build_t"（這個是我配置的測試環境）

}

node_env=test

console.

log(
'開發環境:'
+process.env.
node_env
)console.
log(
+process.env.
)

這樣在可以在不同的環境裡面來配置不同的環境的api位址和路徑這些。

vue cli3分環境打包專案

具體為 1 在專案根目錄增加兩個檔案 內容為 env.prod 1 node env production env.test 1 node env production 2 在配置檔案package.json中配置script scripts 如果想增加其他需要區分環境的變數，在env.prod和....

vue cli3 配置多環境打包

由於公司專案需要多環境，就研究了一下vue cli3的多環境配置，這裡和大家分享一下vue cli3多環境配置方法 首先我們先看看 vue cli環境變數和模式，通過官網我們可以發現 vue cli 提供了三個模式 test development production 而每種node env下面可...

vue cli3環境變數與分環境打包

第一步 了解環境變數概念 我們可以根目錄中的下列檔案來指定環境變數 env 在所有的環境中被載入 env.local 在所有的環境中被載入，但會被 git 忽略 env.mode 只在指定的模式中被載入 env.mode local 只在指定的模式中被載入，但會被 git 忽略 環境變數檔案只包含環...