如何将我的带有包裹捆绑器的反应应用程序部署到 Bluehost 服务器？

Question

所以我正在尝试部署一个使用 React 和 Parcel JS 捆绑器构建的应用程序。 我的问题是，如果它没有被部署到 Github 页面，而是部署到像“BlueHost”这样的服务器，我是否在 parcel build 命令之后上传 Parcel 捆绑的“Dist”文件夹？

如果是这样，有人可以在上传“dist”文件夹后解释该过程是如何工作的。 它是如何找到“index.html”的。

我只是想将一个反应和包裹项目放到我的投资组合网站上，该网站托管在（BLueHost）上，不想为这个特定项目使用 Github 页面。

希望这是有道理的？ 谢谢！

Answer 1

假设您的 web 应用程序所需的所有文件都在 dist 目录中，那么是的，这就是您要上传的文件。 您需要使用 web 服务器为他们提供服务。 您可以自己编写一个简单的服务器，例如这个 Node 示例：

const express = require('express')
const app = express()

app.use(express.static(__dirname + '/dist'))
app.listen(8000, () => { console.log('listening') })

或者，您可以使用现有的 web 服务器，例如 Nginx、Apache 或 Caddy，您需要在服务器上安装和配置它们。 除非有一个进程在 web 可访问的端口上实际为它们提供服务，否则无法访问位于服务器上的文件。

该工具来自 DigitalOcean，但非常有用，如果您决定在 BlueHost 上使用 Nginx，它应该会为您提供帮助。