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)