vue-cli 3.x 配置打包環境


從新建項目到設置打包環境

1.vue create vue-cli-env 創建應用
2.新建 vue.config.js 文件(vue cli 3 配置文件),設置publicPath
module.exports = {
  publicPath: './'
}
3.新建各個環境的文件,例如:.env.development .env.test .env.production 4.在 package.json 文件中設置打包命令 --mode test 指的是當前選擇環境 test,即 .env.test 文件所代表環境
"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "build:test": "vue-cli-service build --mode test",
    "lint": "vue-cli-service lint"
  },
 

關於環境變量的注意事項(.env.xx 文件)

* 環境名應該與環境文件統一 * 環境文件放置項目根目錄下 * 除了 baseUrl 和 NODE_ENV 其他環境變量使用 VUE_APP 開頭

gitlab地址:https://github.com/lankongmoxing/vue-cli-3.0.3-build-env

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM