在开发过程中,我们往往需要针对不同的开发环境来进行一些差异性的配置或者功能使用,此时便可以借助于 process.env.NODE_ENV
来区分开发环境,要注意的是NODE_ENV
不是process.env
下默认的变量;
项目代码中使用
当我们需要在项目代码中使用process.env.NODE_ENV
时,可以借助DefinePlugin
创建一个相同名称的全局变量来使用。
{
plugins: [
{
new webpack.DefinePlugin({
"process.env": {
NODE_ENV: JSON.stringify('production')
}
})
}
]
}
webpack等配置文件中使用
当我们想要在webpack
配置文件或者其他非系统打包内部文件使用时则需要针对本地电脑系统设置对应的环境变量了,可以借助于cross-env
.
- 安装
npm install --save-dev cross-env
- npm scripts中使用
{
"scripts": {
"build": "cross-env NODE_ENV=production webpack --config webpack.config.js"
}
}
然后就可以在webpack
配置文件中使用了