webpack开发环境和生产环境切换原理

在package.json中有如下设置：

"scripts": {
    "dev": "node build/dev-server.js",
    "build:prod": "cross-env NODE_ENV=production env_config=prod node build/build.js",
    "build:sit": "cross-env NODE_ENV=production env_config=sit node build/build.js",
    "lint": "eslint --ext .js,.vue src"
  },

当运行项目时，cmd中敲命令：npm run dev / npm run build:prod / npm run build:sit / npm run lint，就会运行不同环境下的代码，如开发环境、生产环境等等。

其中cross-env是用于跨平台环境变量配置的工具，支持在window系统、linux系统等多个平台使用同样的代码配置环境变量；

NODE_ENV=production env_config=prod，这句代码的意思是当前运行环境的环境变量，可以通过process.env进行获取，如process.env.NODE_ENV,process.env.env_config等等，process.env是全局变量，通过获取以上两个值来判断当天运行的是生产环境还是开发环境。

cross-env能跨平台地设置及使用环境变量
大多数情况下，在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住，windows平台与POSIX在使用命令行时有许多区别（例如在POSIX，使用$ENV_VAR,在windows，使用%ENV_VAR%。。。）
cross-env让这一切变得简单，不同平台使用唯一指令，无需担心跨平台问题
npm安装方式
npm i --save-dev cross-env
在npm脚本(多是package.json)里这么配置
{
  "scripts": {
    "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
  }
}
运行npm run build，这样NODE_ENV便设置成功，无需担心跨平台问题