vue專案配置多套打包環境變數

2021-10-10 16:31:31 字數 572 閱讀 6302

版本:

當前vue-cli版本為4.54

目的

規範專案開發流程,降低上線心智負擔

例如配置兩套環境,一套生產環境,一套開發環境。

node_env = development #若為生產環境此處應配置為production

""

node_env = production#若為開發環境此處應配置為development

""

1.編輯根目錄package.json檔案

scripts中新增

"scripts"

:,

開發模式使用

npm run serve #專案啟動
生產模式使用

npm run serve--prod #啟動

npm run build--prod #打包

vue專案配置環境變數

由於公司專案需要分別部署到測試 uat以及生產環境上,但是對於同乙個變數,在不同的環境測試下,需要取不同的值,所以就考慮配置環境變數去處理這個問題。一 在專案根目錄下建立是三個檔案,env.dev 測試環境 env.uat uat環境 env.prod 生產環境 env.uat 檔案 node en...

配置多環境變數

1.在package.json 裡的 scripts 配置 serve stage build,來執行不同環境 通過 npm run serve 啟動本地 執行 development 通過 npm run stage 打包測試 執行 staging 通過 npm run build 打包正式 執行...

配置多環境變數

scripts 配置介紹 env.development 本地開發環境配置 node env development must start with development env.staging 測試環境配置 node env production must start with staging ...