关于process.env.NODE_ENV

关于process.env.NODE_ENV

process 进程
process 对象提供有关当前 Node.js 进程的信息并对其进行控制。

process.env 属性返回包含用户环境的对象。

NODE_ENV: process.env中并不存在NODE_ENV这个东西。NODE_ENV是用户一个自定义的变量，用于判断生产环境或开发环境的依据的。

设置NODE_ENV

1. 在package中设置

   {
     "scripts": {
        "start": "cross-env NODE_ENV=dev webpack-dev-server --progress --hot",
        "build": "cross-env CLIENT_ENV=production NODE_ENV=production webpack --config webpack.config.js"
      }
   }
   
   

2. 在webpack中设置
   在scripts中注入的NODE_ENV只能被webpack的构建脚本访问，而被webpack打包的源码中是无法访问的，此时需要使用webpack中的DefinePlugin来构建全局变量
   DefinePlugin:
   DefinePlugin 允许在 编译时 将你代码中的变量替换为其他值或表达式。这在需要根据开发模式与生产模式进行不同的操作时，非常有用。例如，如果想在开发构建中进行日志记录，而不在生产构建中进行，就可以定义一个全局常量去判断是否记录日志。这就是 DefinePlugin 的发光之处，设置好它，就可以忘掉开发环境和生产环境的构建规则。

   new webpack.DefinePlugin({
     'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
   });
   

   在webpack4版本之后，可通过mode选项实现

   模式(Mode)
   提供 mode 配置选项，告知 webpack 使用相应模式的内置优化。

   string = 'production': 'none' | 'development' | 'production'

   module.exports = {
     mode: 'development',
   };