如何将ReactJS用作静态网站？

Question

我想用React开发我的静态Web应用程序。 我刚刚完成了“ 井字游戏”入门教程 。 无论如何，我是否可以将ReactJS直接“编译”（或使用任何术语）到我的HTML文件中？ 因此，到目前为止，要运行该ReactJS应用程序，我需要使用来自Yarn的服务器来运行它。

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

让我说，从我的出发点来说，我想让React官方入门教程中的Tic-tac-toe游戏只有一个HTML文件（该HTML文件中的CSS和JS）提供。 我想看看这是否可行， 所以我不在乎此问题的最佳实践 。

Answer 1

您应该看看Gatsby JS

这是React的静态网站生成器。 可能正是您要找的东西。

Answer 2

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

Answer 3

听起来好像您正在将Yarn与create-react-app 。 如果是这样，您正在运行：

yarn start

现在运行：

yarn build

在此处查看更多信息： https : //github.com/facebookincubator/create-react-app

静态Web应用程序将构建到build文件夹中。 您会在那里找到所有静态资产，例如JS，CSS和HTML。

Answer 4

我测试过了 yarn build仅适用于服务器。 甚至python3 -m http.server可以工作。 所以不行！ 如果没有现成的服务器，从非Boower软件包管理器下载的ReactJS将无法工作。