1.找到package.json檔案，找到script節點。再新增一個新的指令碼命令 test
2.修改prod.env.js配置檔案，npm_lifecycle_event代表返回當前執行的指令碼名稱，通過不同的名稱，來切換不同的變數
3.修改dev.env.js,修改本地的開發環境配置
最後npm run test 即可
vue專案打包配置多個測試環境與生產環境，用npm命令打出不同的資源包。
相關文章
- 03：2020-11-14 vue不同的api地址生產環境和開發環境配置打包VueAPI開發環境
- vue正式環境與測試環境壓包配置方法(vue-cli 2.0)Vue
- 用 Spring 區分開發環境、測試環境、生產環境Spring開發環境
- 利用nginx 配置vue多專案環境NginxVue
- Vue專案如何分環境打包Vue
- 熱部署一般用在測試環境， 生產環境用分散式配置中心熱部署分散式
- vue 多環境配置Vue
- 配置開發環境、生成環境、測試環境開發環境
- vue不同環境的壓包配置方法(vue-cli 3.0)Vue
- Vue 不同環境配置 API 地址VueAPI
- Yarn 生產環境多佇列配置Yarn佇列
- vue-cli 根據不同的環境打包Vue
- vue官方webpack模版多個打包環境搭建VueWeb
- Vue 移動端專案生產環境的優化Vue優化
- app自動化測試環境配置：adb環境配置、monkey環境配置、appium環境配置大全APP
- 多個開源的js補環境框架測試JS框架
- Xcode 使用 Configuration 來配置不同的專案環境XCode
- springboot打包不同環境配置與shell指令碼部署Spring Boot指令碼
- iview-admin多環境配置打包View
- 專案開發中，如何使用eolinker進行環境管理:開發、測試和生產環境
- 生產環境 壓測
- Vue 分環境打包Vue
- Xcode配置測試環境和線上環境XCode
- 使用 github action 在多個環境中快速地測試你的開源專案Github
- Vue搭建專案環境Vue
- vue專案通過命令列傳參實現多環境配置(基於@vue/cli)Vue命令列
- 【專案場景】請求資料時測試環境比生產環境多花了1秒是怎麼回事？
- vue – 環境配置Vue
- 專案開發中的pro、pre、test、dev環境及SpringBoot多環境配置devSpring Boot
- Vue生產環境除錯的方法Vue除錯
- Webpack(開發、生產環境配置)Web
- 前端工程（vue）多環境配置方案前端Vue
- Windows配置Delve的測試環境Windows
- 詳解vue-cli4環境變數與分環境打包方法Vue變數
- Nuxt.js中配置生產環境和開發環境APIUXJS開發環境API
- 原來 React 專案多環境打包是如此的簡單React
- vue-element-admin部署生產環境Vue
- Laravel 配置多環境env檔案Laravel