process是node中的全局变量。
npm run dev 的时候,webpack会将process.env.NODE_ENV=‘development’;
npm run build 的时候,webpack会将process.env.NODE_ENV=‘production’;
但是实际开发过程中如果有多个环境,那么我们可以自己进行配置,例如:
"alpha": "vue-cli-service build --mode alpha", ,那么此时的环境就是alpha.
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"alpha": "vue-cli-service build --mode alpha"
},
步骤:
- package.json添加"alpha": "vue-cli-service build --mode alpha",
-
在项目根目录添加文件“.env.alpha”,其内容: NODE_ENV ='alpha' 标红部分必须是一致的
3. 打包,会把process.env.NODE_ENV设置为步骤2中‘.env.alpha’文件中NODE_ENV设置的值。
npm run alpha 即可顺利打包。