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

How can I deploy my react app with parcel bundler to Bluehost server?

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

如果可以,有人可以解释上传“dist”文件夹后的过程是如何进行的。 它是如何找到“index.html”的。

我只是想将一个 React 和 parcel 项目放到托管在 (BLueHost) 上的我的投资组合网站上,不想为这个特定项目使用 Github-pages。

希望这是有道理的? 谢谢!

假设您的网络应用程序所需的所有文件都在 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 可访问的端口上为它们提供服务。

This tool 来自 DigitalOcean,但非常有用,如果您决定在 BlueHost 上使用 Nginx,应该对您有所帮助。