vue不同環境配置不同打包命令

2022-09-20 14:42:16 字數 874 閱讀 9009

第一步:安裝cross_env

npm   install  cross_env
第二步:修改專案package.json檔案

"scripts": ,
第三步:在build資料夾裡面新建檔案:test.js,此檔案內容複製build.js,需要修改兩處,修改後的**如下:

第四步:在build資料夾裡面新建檔案:webpack.test.conf.js,此檔案內容複製webpack.prod.conf.js,需修改一處如下:

第五步:修改config/prod.env.js檔案,修改後的內容如下:

第六步:在config資料夾裡面新建檔案:test.env.js,此檔案內容複製prod.env.js,需修改網域名稱為測試網域名稱

第七步:修改webpack.base.conf.js,如下

最後:執行npm run test打包的就是測試環境

執行npm run build打包的就是生產環境

vue cli 根據不同的環境打包

根據專案需要,通過vue cli中的npm run build 打包到不同的環境,例如測試環境,預發布環境,線上環境,根據process.env分別進行介面的呼叫 vue cli 中build中build.js require check versions production var ora re...

vue中配置webpack不同環境下的網域名稱及引數

假設乙個專案 需要有開發環境 dev 測試環境 test 正式環境 prod 並且三種環境都要build打包的需要 前提是已通過vue cli初始化了專案 1.先在page.json中配置指令碼命令 開發環境啟動 serve dev webpack dev server inline progres...

關於vue專案 在不同環境的變數配置

使用vue cli3打包專案,通過配置不同的指令給專案設定不一樣的配置。npm run serve時會把process.env.node env設定為 development npm run build 時會把process.env.node env設定為 production 此時只要根據proc...