nuxt.js添加環境變量，區分項目打包環境

最近由於業務需求，開發了一個nuxt.js項目。
配置打包環境變量時，發現nuxt.js的文檔過於簡單，無法做參照。
經查證了一些資料後，解決了該問題。遂整理成文檔，發佈於此，給同行一些參照。

一、添加cross-env插件

npm

npm i cross-env

yarn

yarn add cross-env

二、添加環境變量文件

根目錄添加env.production

NODE_ENV = 'production'
VUE_APP_TITLE = 'production'

根目錄添加env.test文件

NODE_ENV = 'production'
VUE_APP_TITLE = 'test'

三、注入全局環境變量

在nuxt.confit.js中添加環境變量配置

export default {
	env: {
	    VUE_APP_TITLE: process.env.VUE_APP_TITLE
	}
}

四、修改打包命令

在package.json中修改以下命令

"scripts": {
   "dev": "nuxt",
   "build": "cross-env process.env.VUE_APP_TITLE=production nuxt build",
   "build:test": "cross-env process.env.VUE_APP_TITLE=test nuxt build",
   "start": "nuxt start",
   "generate": "nuxt generate",
   "test": "jest"
 }

運行 yarn build打生產環境包，yarn build:test打測試環境包。