如何部署React.js网站？create-react-app项目Netlify部署文件及步骤咨询
2026-5-21
嘿，我有不少用 create-react-app 部署到 Netlify 的经验，来给你详细解答下：
你需要提供的文件：仅需构建后的
build文件夹 完全不需要上传整个项目文件夹，也不用单独传index.js这类源文件。create-react-app 是基于编译的框架，你需要先在本地项目根目录运行：
npm run build
这个命令会把你的所有源文件编译、压缩成适合生产环境的静态资源，生成一个build文件夹——这才是Netlify需要的内容，里面包含了编译后的HTML、CSS、JS和静态资源，直接可以被浏览器加载运行。
部署步骤（两种主流方式，比FTP更高效）
Netlify的部署方式非常灵活，这里推荐两种最常用的：
方式一：手动上传build文件夹（适合快速测试）
- 先在本地执行
npm run build，确保build文件夹生成成功 - 登录Netlify控制台，点击「Add new site」→「Deploy manually」
- 找到本地的
build文件夹，直接拖拽到页面的上传区域 - 等待几秒，Netlify就会完成部署，之后你就能拿到一个可访问的站点链接了
方式二：关联Git仓库（推荐，支持自动更新）
这是Netlify最核心的部署方式，能实现代码推送后自动重新部署，非常适合长期维护的项目：
- 先把你的React项目推送到GitHub/GitLab/Bitbucket其中一个Git仓库
- 在Netlify控制台点击「Add new site」→「Import an existing project」
- 选择你的Git平台，完成授权后找到对应的项目仓库
- 配置构建参数（Netlify通常会自动识别create-react-app的配置，不过可以确认下）：
- 构建命令：
npm run build - 发布目录：
build
- 构建命令：
- 点击「Deploy site」，Netlify会自动拉取代码、执行构建并完成部署。之后每次你向Git仓库推送代码，Netlify都会自动重新构建部署你的站点。
关于FTP配置的说明
Netlify其实不推荐使用FTP部署，因为它的优势在于自动化构建和持续部署，FTP方式不仅麻烦，还没法利用这些特性。不过如果你确实需要用FTP，步骤是这样的：
- 先在本地生成
build文件夹（还是要执行npm run build） - 进入Netlify你的站点设置，找到「Deploys」→「Deploy settings」→「FTP access」，获取FTP服务器地址、用户名和密码
- 用任意FTP工具（比如FileZilla）连接到这个服务器，把
build文件夹里的所有文件上传到服务器的根目录即可
内容的提问来源于stack exchange，提问作者Neha Dobia
