技術標籤：webpack打包webpack

1、vue-cli3

在根目錄建立
.env.development(開發環境)
NODE_ENV = development
.env.prod(生產環境) 
NODE_ENV = production

ps:
上述的 檔案中的變數 只要是 VUE_APP_ 開頭的都可以因為 只有以 VUE_APP_ 開頭的變數會被 webpack.DefinePlugin 靜態嵌入到客戶端側的包中。都可以使用 process.env.VUE_APP_ 獲取相應的值

package.json
”scripts“: {
       "dev"
 
 : "vue-cli-service serve --port 8080 --open"
       "build": "vue-cli-service build --mode prod"
       //   --mode 後對應 .env.[model]的model
}

ps：
本地開發環境時 如果 本地開發環境 配置 的 .env.[model] 檔名中的 model 為 development 那麼 直接使用上述的 vue-cli-service serve --port 8090 --open命令，但是 如果 .env.[model]的檔名中的model 不是 development 那麼 就需要在 命令後面新增 --model 這個model的值 對應的就是 .env.[model]檔案的 字尾[model]的值

2、vue-cli2
cross-env
安裝 cross-env ： npm i cross-env -D
config資料夾
建立development.env.js
建立prod.env.js

在package.json