如何将create-react-app部署到Web主机（例如Siteground）？

Question

我正在使用create-react-app构建一个react项目，并试图找出如何将我的代码部署到Siteground上的托管服务器。

有谁知道最好的方法吗？我是否通过FTP导入我的构建文件夹？我可以通过GitHub自动化流程吗？

提前致谢！

Answer 1

根据create-react-app文档，您运行npm run build，基本上只需输出并将其FTP到您的Web服务器。

但是你的问题非常广泛 - 你可以通过GitHub或其他工具实现自动化，但这确实会在StackOverflow（这不是那些问题的正确论坛）上提出有意见的回应。

Answer 2

npm run build或yarn build

为build folder构建生产应用程序。它正确地将React捆绑在生产模式中并优化构建以获得最佳性能。

npm run build使用您的应用程序的生成版本创建一个构建目录。设置您最喜欢的HTTP服务器，以便为您的站点的访问者提供index.html，并向/static/js/main.<hash>.js等静态路径的请求提供/static/js/main.<hash>.js文件的内容。

来源：create-react-app

Answer 3

通常会有来自主机供应商的指导策略。

例：

Heroku Create React App Build

S3 Cloudfront

否则，您必须自己管理它，注册一个自定义构建脚本，该脚本用于：

npm run build

然后移动构建文件夹。如果您使用Maven，您可以使用以下插件管理整个构建：

Frontend Maven Plugin

Answer 4

我刚刚使用FileZilla将我的create-react-app上传到siteground，这是一步一步的：

1. 一旦你拥有它所有生产准备好npm run build
2. 在浏览器上打开siteGround并进入我的账户部分，点击qazxsw poi向下滚动并找到qazxsw poi
3. 创建一个指向go to cPanel目录的新帐户
4. 一旦创建，它将显示在下方并一直向右键单击FTP Accounts并在手动设置下你已经得到了你需要连接的东西
5. 打开FileZilla并在文件中转到public_html然后configure FTP client
6. siteManager（在filezilla中）=== new site（在sitiGround中），host将其设置为siteground端口，协议和加密将其保留为默认值
7. FTP server设置正常，port === Logon Type（siteGround）和user你用来创建FTP用户的那个
8. 点击FTP user并将password的内容（从您的PC的左侧）粘贴到您的connect（右侧的文件夹）

而已！去你的网站检查，应该在那里显示反应应用程序

这里是这个过程的来源yourApp/build这里他们使用快速连接fileZilla虽然，我有多个站点，所以siteManager更清洁，并存储您的凭据下次