背景
webpack有一特性就是可以让使用者灵活的在不同环境(开发环境，生产环境等)进行相应的特性的策略打包，比如: 是否使用反向代理使用接口，针对不同的静态资源(如图片等)是直接拷贝还是进行打包编译等等，这一特性的诞生归功于Nodejs的环境变量-process.env. NODE_ENV
process.env. NODE_ENV
1. 值
1.1 production：生产阶段
1.2 development/staging： 开发阶段
2. webpack中的应用
// webpack.config.js module.exports = { // webpack的mode(模式参数)：不同模式下进行不同的内置优化 mode: process.env.NODE_ENV === ‘production‘ ? ‘production‘ : ‘development‘ }
window系统: set NODE_ENV=development
mac系统: export NODE_ENV=development
// package.json { "scripts": { // 设置为开发环境并且按照webpack.dev.js的配置进行打包部署 "dev": "cross-env NODE_ENV=development webpack-dev-server --config ./scripts/webpack.dev.js" } }
webpack配置中环境变量-process.env. NODE_ENV
原文：https://www.cnblogs.com/yincece0316/p/12391534.html