我如何上传/托管Reactjs网站?

时间:2018-03-29 09:55:16

标签: javascript reactjs web hosting

我正在使用create-react-app创建React Web应用程序项目。现在它已经准备好了。我做了一些关于如何获得主机名的研究。我发现来自这个网站的https://www.netlify.com/我可以托管我的应用程序。

有人可以建议我提供哪些文件吗?像主index.js或什么?或者我需要上传整个项目文件夹?它的步骤是什么!像FTP配置和所有。

1 个答案:

答案 0 :(得分:1)

如果您没有创建任何过于复杂的东西(例如SSR),您可以简单地将您的反应应用程序(使用类似webpack的东西)构建到捆绑的javascript文件中,创建包含该脚本的html文件,并添加您的CSS 。将这些文件放到可以作为静态资产提供服务的服务器上。砰的一声,你已经完成了。

但是如果你想做更多的事情,比如让服务器进行构建操作然后提供文件,你需要一个支持nodejs的服务器,比如heroku。

编辑: 由于您使用的是create-react-app,因此您只需执行yarn buildcreate-react-app会将所有文件构建到名为/build的文件夹中。您应该会看到一些文件,例如manifest.jsonindex.html

现在,您只需将这些文件上传到Web服务器即可。任何具有提供静态文件功能的Web服务器都可以。 Apache Web服务器,expressjs,django,任何东西。