vue cli3 區分開發環境，測試環境，正式環境

在src同級新建三個文件，表示開發，測試和正式環境，如下：

每個文件中的內容配置：

測試環境：

NODE_ENV = 'production'
VUE_APP_FLAG = 'test'
outputDir = 'test'

開發環境：

NODE_ENV = 'development'
VUE_APP_FLAG = 'development'

正式環境：

NODE_ENV = 'production'
VUE_APP_FLAG = 'production'
outputDir = 'dist'

配置打包命令

module.exports = {
  // 輸出文件目錄
  outputDir: process.env.outputDir,
};

package.json 打包配置

"scripts": {
publish：vue-cli-service build --mode test && vue-cli-service build
}

代碼裏面要區分環境，就可以通過 process.env.VUE_APP_FLAG == "test"，變量進行對應的操作