process.env这个变量。我们可以从Nodejs的文档中知道,它是一个nodejs的全局环境变量。其中存放着许多nodejs运行环境相关的值,可以查看nodejs文档。
其中有一个叫做NODE_ENV的变量,它很特殊。我们在用react,vue这些框架或者其他一些基于nodejs的框架的时候经常会用到这个变量,一般用这个变量来让框架根据不同的环境进行不同的操作。如果打包不同的代码等操作。
这个文章的重点是说怎么设置这个变量,因为我在设置这个变量时发现还是有一些坑的,所以把这些记录下来,
- 首先这个变量并不是一定要用webpack来设置的。虽然webpack能设置,只需要使用webpack的mode字段来设置即可:
module.exports = {
mode: 'development',
};
我感觉某种程度上说是webpack让这个模式流行起来的,
当然我们也可以自己直接在package.json中的启动命令中设置,但是存在平台的兼容性,比如windows下要加上set来设置。和下面这样: