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是全局变量，通过获取以上两个值来判断当天运行的是生产环境还是开发环境。

转载于:https://www.cnblogs.com/mmzuo-798/p/10279258.html