分类 React 下的文章

前言

有个小项目,挂在了配置比较低的服务上,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 相应配置即可

总结

就这么简单。