如何将ReactJS用作静态网站？

Question

我想用React开发我的静态Web应用程序。我刚刚完成Tic-tac-toe getting started tutorial。无论如何，我可以“编译”（或任何术语）ReactJS直接进入我的HTML文件？所以，要运行ReactJS应用程序，我需要使用Yarn的服务器来运行它。

我更喜欢不使用CDN，因为我想更新和管理依赖项。

让我们说，对于我的起点，我希望从官方的React入门教程获得只有一个HTML文件（CSS和JS在一个HTML文件中）的Tic-tac-toe游戏。我想看看这是否可能，所以我不关心这个问题的最佳实践。

Answer 1

您应该查看Gatsby JS

它是React的静态站点生成器。可能那就是你要找的东西。

Answer 2

运行npm run build或yarn build并查看build文件夹中的输出。它生成静态HTML，CSS和Javascript。

Answer 3

听起来你正在使用Yarn yarn start。如果是这样，你正在运行：

yarn build

现在运行：

build

在此处查看更多信息：documentation

静态Web应用程序将构建到filter文件夹。你会发现那里的所有静态资产，如JS，CSS和HTML。

Answer 4

我已经测试过了。 yarn build仅适用于服务器。即使python3 -m http.server也有效。所以不行！如果没有服务器开箱即用，从非Bower软件包管理器下载的ReactJS将无法运行。