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