wordpress - 在现有的 WordPress 网站上使用react

Question

我有一个 WP 网站正在运行。它拥有使用 PHP 文件呈现的所有内容。

现在，我想将我的网站的一个页面更改为基于 React。这意味着一个页面模板将执行 React JS 代码而不是 PHP。这可以做到吗？

我发现我可以使用 WP-API，这很棒，但是可以以某种混合模式来完成吗？

如果是这样，我该如何处理 webpack 和 node_modules？我是否必须导航到 React 模板并手动运行 webpack？我应该在生产站点上执行 npm start 吗？

我发现教程展示了如何使用 WP-API 作为后端服务器，但 React 应用程序是单独提供服务的。我需要由 wordpress 提供 React 应用程序。

请帮忙

问候，伊多

Answer 1

这有点复杂，但我认为这是一个两步过程

1. 设置React的开发环境，这可以在wordpress项目中完成，但在副项目中开发会简单得多。

2. 完成开发后，您将构建代码的生产版本(即，index.min.js) - 这是一个独立的文件，应该是“即插即用”。只需在页面中包含此常规脚本标记即可开始工作。

复杂的部分是在 WordPress 项目中设置 ES6/Babel/React 环境，但除此之外，React 将捆绑到一个浏览器就绪文件中，可以直接在浏览器中使用。