利用 dontEnv 对 React项目 多环境打包build
前言
有个小项目,挂在了配置比较低的服务上,React 打包需要较高的配置(试过起码需要2G内存),部署服务器才1G,不能在服务器上打包。所以需要在本地电脑上打包在部署上去。差不多有十个部署的环境,问题就来了。需要针对不同环境进行打包。查了下可以利用dotenv-cli 来配置打包指令来完成。
安转dotenv-cli包
yarn add dotenv-cli --dev // 安装到dev下即可
配置打包指令
修改 package.json,修改scripts的内容。指定打包的配置
···
"scripts": {
"start": "react-scripts start --host 0.0.0.0",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"build:live": "dotenv -e .env.live react-scripts build", // 多环境往
},
···
创建对应环境文件
在项目跟目录下创建对环境文件,例如对应上面的 .env.live 相应配置即可
总结
就这么简单。