安装依赖
npm install --save-dev cross-env
在package.json设置环境变量
给NODE环境设置一个变量,通过process.env.xxxxx来获取,我们根据相对应的变量进行不同的配置。
BUILD_ENV是自己定义的变量(变量名自行修改)
例:"buildDev": "cross-env BUILD_ENV=dev node webpack/build.js"
如果要设置多个变量,使用逗号隔开,如:
"buildDev": "cross-env BUILD_ENV=dev,TEST=xxx node webpack/build.js"
在webpack打包配置文件下 plugins配置
new webpack.DefinePlugin({
'process.env.BUILD_ENV': JSON.stringify(process.env.BUILD_ENV)
})
这里的变量名要和package.json里的变量名对应
配置好后 就可以直接在代码通过process.env.BUILD_ENV判断环境了了
const isDev=process.env.BUILD_ENV === 'dev'
运行 npm run buildDev