vue 分環境構建 開發 測試 生產 配置

2021-09-27 23:39:31 字數 1645 閱讀 4742

後端api位址一般分為開發、測試、生產,所有乙個npm run build可不夠用,每次去修改配置檔案也很麻煩

不同的環境,配置也不同,vue-cli的版本導致檔案結構不一致

)//新增

spinner.start

()webpack.prod.conf.js

// const env = require

('../config/prod.env'

)const env = config.build[process.env.env_config + 'env'] //新增

),//新增

prodenv

:require

('./prod.env'

),//新增

devenv

:require

('./dev.env'

),//新增

("看這裡");

console.log

(url)

;

package.json

"build--dev"

:"cross-env node_env=production env_config=dev node build/build.js",

"build--test"

:"cross-env node_env=production env_config=test node build/build.js",

"build--prod"

:"cross-env node_env=production env_config=prod node build/build.js"

Vue配置開發,測試,生產環境api

實現通過不同的命令,打包呼叫不同環境的api,實現實現前端自動化部署。前端自動化部署工程比較複雜,這裡只介紹通過不同的命令,打包的時候呼叫不同環境的api,例如 npm run build呼叫開發環境介面,打包開發環境 npm run build test呼叫測試環境介面,打包測試環境 npm ru...

專案開發 測試 生產環境的區別

一般可分為三種 生產環境,測試環境,開發環境 上述環境也可以說是系統開發的三個階段 開發 測試 上線,其中生產環境也就是通產說的真實的環境,最後交給使用者的環境。開發環境時程式猿們專門用於開發的伺服器,配置可以比較隨意,為了開發除錯方便,一般開啟全部錯誤報告和測試工具,是最基礎的環境。開發環境的分支...

webpack實現開發 測試 生產等環境的打包切換

使用webpack構建的工程,在開發過程中不同環境的配置不同,在各種環境的打包切換過程中需要手動修改相關配置達到預期目的。但是每次都手動修改會比較麻煩,本文簡單介紹如何通過對webpack進行配置,實現不同環境打包分類配置 1.修改build資料夾下build.js檔案 新增宣告變數 修改前 修改後...