三种方法可以在package.json设置环境变量。
先安装cross-env:
npm install --save-dev cross-env
{ "scripts": { "dev1": "export WEBPACK_ENV=production && npx webpack -p", ## mac "dev1": "set WEBPACK_ENV=production && npx webpack -p", ## windows "dev2": "cross-env CURRENT_ENV=development webpack-dev-server --inline --progress", ## 兼容所有平台 } }
设置环境变量的作用:
在项目的js脚本中,通过process.env这个对象就可以访问到设置的环境变量结合打包软件webpack等等,实现不同的代码逻辑:
console.log(process.env.WEBPACK_ENV)
console.log(process.env.CURRENT_ENV)
扩展参考:阮一峰:npm scripts 使用指南