process.env.NODE_ENV 用法

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"
  },

步骤：  

1. package.json添加"alpha": "vue-cli-service build --mode alpha",

2.  在项目根目录添加文件“.env.alpha”，其内容： NODE_ENV ='alpha' 标红部分必须是一致的

     

 3. 打包，会把process.env.NODE_ENV设置为步骤2中‘.env.alpha’文件中NODE_ENV设置的值。

    npm  run alpha 即可顺利打包。