使用 netlify 部署React项目，2种方式：
- 直接部署静态资源
- 关联git仓库动态部署
参考课程：Build Responsive Real-World Websites with HTML and CSS
视频 | 源码
基于React的响应式单页应用开发、优化和部署
直接部署静态资源
参考：
- 直接部署构建好的静态文件：【React】技巧之用netlify云服务部署react应用
- 创建项目同时部署：How to deploy React Apps in less than 30 Seconds
适用场景：
- 本地已经build构建好静态资源
1）构建
1 | npm run build |
2）部署
注册登录netlify
直接把上一步生成的build目录上传就能完成部署
关联git仓库动态部署
适用场景：
- 本地仓库已经关联到github远程仓库
- 每次分支推送自动更新并重新部署
1）创建git仓库并上传项目
2）部署
github授权后选择要部署的仓库
注意配置：其他默认即可
- 选择要部署的分支
- 路径改成
./build
问题
部署失败，可以点击log查看原因
build失败
本地可以成功构建，但是在netlify上失败，报错
Treating warnings as errors because process.env.CI = true.
Most CI servers set it automatically.
本质原因是，jenkins使用ESLint代码检查构建时会自动将warn转成成错误
解决方案：
解决掉ESLint的警告
参考 CI设置为false，把netlify的构建指令修改为
CI=false npm run build
https://github.com/luryZhu/omnifood/blob/main/readme/image-20220428130913950.png?raw=true
deploy失败
找不到deploy目录
原因是配置时没有改部署目录
解决方案：
在setting里面改成./build即可