cli3-環境變量和模式

cli3-環境變量和模式

學習資源

cli3官網
其他參考資料

不自己敲敲，還是不靠譜

1、package.json添加命令“alpha”

	"scripts": {
		"dev": "vue-cli-service serve --mode alpha",
		"serve": "vue-cli-service serve",
		"build": "vue-cli-service build",
		"lint": "vue-cli-service lint"
	},

2、在項目根目錄添加“.env.alpha”

NODE_ENV = 'production'
VUE_APP_TITLE = 'alpha'

3、vue.config.js區分處理

module.exports = {
	chaiWebpack: config => {
		console.log(process.env.NODE_ENV,process.env.VUE_APP_TITLE)
	}
}

4、注意
只有以VUE_APP_開頭的變量會被webpack.DefinePlugin靜態嵌入到客戶端的包中，可以在代碼中如下訪問到

console.log(process.env.VUE_APP_SECRET)