我正在使用 create-react-app 构建一个 react 项目，并试图弄清楚如何将我的代码部署到我在 Siteground 上的托管服务器。
有人知道最好的方法吗？我是否通过 FTP 导入我的构建文件夹？我可以通过 GitHub 自动化这个过程吗？
提前致谢！
【问题讨论】：
标签： reactjs github web-deployment continuous-deployment create-react-app
我在 siteground 上部署也有问题，简单的解决方案是为您的构建创建一个 git repo，并在 siteground 上设置您的 public_html 文件夹以跟踪该 git repo。
确保也创建
.htaccess
内容是这样的
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^ index.html [QSA,L]
如果没有，您的路由将无法正常工作
如果您之前部署过其他方式，还记得去 Tools->Speed->Caching 并刷新缓存
【讨论】：
如果你使用create-react-app，那么你可以这样做：
npm run build 或 yarn build
build 文件夹内的所有内容.htaccess文件，内容如下：
<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index\.html$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteCond %{REQUEST_FILENAME} !-l RewriteRule . /index.html [L] </IfModule>
Check this great article for more info :)
希望对你有帮助！
【讨论】：
我刚刚使用 FileZilla 将我的 create-react-app 上传到 siteground，这是一步一步的：
npm run build
go to cPanel 向下滚动并找到 FTP Accounts
public_html的新帐户
configure FTP client，在手动设置下，您已经获得了您需要连接的内容siteManager 然后 new site
host(in filezilla) === FTP server (in sitiGround), port 设置为 siteground 端口，协议和加密保持默认Logon Type 设置为正常，user === FTP user(siteGround) 和 password 您用来创建该 FTP 用户的那个connect并将yourApp/build的内容（从左侧是您的PC）粘贴到（右侧的文件夹）是您的public_html in siteGround
就是这样！去你的网站检查一下，react 应用应该会显示在那里
这里是这个过程的来源 https://www.siteground.com/tutorials/ftp/ 虽然在这里他们使用快速连接来进行 fileZilla，但我有不止一个站点，因此 siteManager 更干净并存储您的凭据以供下次使用
【讨论】：
npm run build 或 yarn build
将用于生产的应用程序构建到build folder。
它在生产模式下正确捆绑 React 并优化构建以获得最佳性能。
npm run build 使用您的应用的生产构建创建一个构建目录。设置您最喜欢的 HTTP 服务器，以便为您网站的访问者提供 index.html，并使用 /static/js/main.<hash>.js 文件的内容为对 /static/js/main.<hash>.js 等静态路径的请求提供服务。
【讨论】：
通常有来自主机供应商的指导性策略。
例子：
否则您将不得不自己管理它，注册一个自定义构建脚本，该脚本用于：
npm 运行构建
然后移动构建文件夹。如果您使用 Maven，您可以使用以下插件管理整个构建：
【讨论】：
根据create-react-app 文档，您运行npm run build 基本上只是获取输出并将其通过FTP 传输到您的网络服务器。
不过，您的问题非常广泛——您可以通过 GitHub 或其他工具实现自动化，但这确实会引起 StackOverflow 上的固执己见（这不是此类问题的正确论坛）。
【讨论】：