如何将我的react应用程序和包裹打包器部署到Bluehost服务器

Question

因此，我正在尝试部署一个使用React和Parcel JS bundler构建的应用程序。我的问题是，如果它不是部署到Github页面，而是部署到像"；BlueHost"；例如我是否上传"；Dist"；在地块构建命令之后地块捆绑的文件夹？

如果是的话，有人能解释在"；dist"；文件夹已上载。它如何能够找到"；index.html"。

我只是想把一个react and package项目放在我的投资组合网站上，该网站托管在(BLueHost(上，不想在这个特定的项目中使用Github页面。

希望这有意义？谢谢

Answer 1

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

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

或者，您可以使用现有的web服务器，如Nginx、Apache或Caddy，您需要在服务器上安装和配置这些服务器。服务器上的文件是不可访问的，除非有一个进程在网络可访问的端口上为它们提供服务。

这个工具来自DigitalOcean，但非常有用，如果您决定在BlueHost上使用Nginx，应该会对您有所帮助。