vue-cli 3.0 不一樣環境打不一樣的包（開發/生產 環境）

實際開發項目當中，項目管理體系的完整程度對於開發工程師來講很是的重要：

上週開發一個基於 vue 技術棧 的項目，須要開發和生產環境各自打包，便於測試工程師作測試環節的相關測試。
那這樣，咱們就來捋一捋

1. 搭建腳手架開發環境：

   • 對於一個前端開發者來講，這一點不是什麼難事（這裏就不作建立說明）

2. 根目錄建立相應配置文件：

   • .env.development：配置開發環境及測試服務器接口 url

     

   • .env.production： 配置線上服務器接口 url
     

3. 根目錄建立 vue.config.js，配置 outputDir

   • 如圖：
     

4. package.json ——> scripts 中配置運行指令 devbuild

   • "devbuild": "vue-cli-service build --mode development"

     

5. 到這裏咱們就已經完成的基本的配置

   • 固然修改了腳手架的核心配置，記得 npm run serve 重啓服務器 ！！！
   • 試着執行 npm run build / npm run devbuild，看看咱們的文件根目錄有什麼變化
     

     到這裏你會看到 devdist（開發環境包） 和 dist（生成環境包）
     是時候給測試工程師展示一波了 哈哈哈
     今天不知道怎麼的的，排版調節很差，望各位理解一下 ！