vue-cli 啓動不同的環境，正式、測試

根據不同的命令 啓動不同的環境 vue

 

CLI服務 ： https://cli.vuejs.org/zh/guide/cli-service.html

 

// 修改 package.json 文件 根據不同的參數啓動  
"scripts": {
    "serve-dev": "vue-cli-service serve --open --mode dev",
    "build-test": "vue-cli-service build --modern --mode test",
    "build-prod": "vue-cli-service build --modern --mode prod",
    "lint": "vue-cli-service lint",
    "inspect": "vue-cli-service inspect"
  },

在根目錄下新建 上個文件 分別是 ： .env.dev\ .env.proc\ .env.test

三個文件內容分別位：

// dev
NODE_ENV = 'development'
VUE_APP_TITLE = 'development'
// prod
NODE_ENV = 'production'
VUE_APP_TITLE = 'production'
//test
NODE_ENV = 'production'
VUE_APP_TITLE = 'test'

//本地調試      cnpm run serve-dev   // 測試環境
//編譯測試環境  cnpm run build-test   // 測試環境
//編譯正式環境  cnpm run build-prod   // 正式環境

目錄格式