後端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檔案 新增宣告變數 修改前 修改後...