在现有的 Wordpress 网站上做出反应
React on existing Wordpress site
我有一个 WP 站点正在运行。它具有使用 PHP 个文件呈现的所有内容。
现在,我想将我网站的一个页面更改为基于 React。这意味着一个页面模板将执行 React JS 代码而不是 PHP。这可以做到吗?
我发现我可以使用 WP-API,这很好,但是它可以在某种混合模式下完成吗?
如果是这样,我该如何处理 webpack 和 node_modules?我是否必须手动导航到反应模板和 运行 webpack 运行?我应该在我的生产站点上执行 npm start 吗?
我找到了展示如何使用 WP-API 作为后端服务器的教程,但 React 应用程序是独立提供的。我需要 wordpress 提供 React 应用程序。
请帮忙
问候,Ido
这有点复杂,但我认为这是一个两步过程
搭建React的开发环境,可以在wordpress项目中完成,但是在side project中开发会简单很多。
完成开发后,您将构建代码的生产版本(即 index.min.js)——这是一个自包含文件,应该是 "plug and play"。只需在您的页面中包含此常规脚本标记即可开始工作。
复杂的部分是在 wordpress 项目中设置 ES6 / Babel / React 环境,但除此之外,React 将捆绑到浏览器就绪文件中,可以直接在浏览器中使用。
我有一个 WP 站点正在运行。它具有使用 PHP 个文件呈现的所有内容。
现在,我想将我网站的一个页面更改为基于 React。这意味着一个页面模板将执行 React JS 代码而不是 PHP。这可以做到吗?
我发现我可以使用 WP-API,这很好,但是它可以在某种混合模式下完成吗?
如果是这样,我该如何处理 webpack 和 node_modules?我是否必须手动导航到反应模板和 运行 webpack 运行?我应该在我的生产站点上执行 npm start 吗?
我找到了展示如何使用 WP-API 作为后端服务器的教程,但 React 应用程序是独立提供的。我需要 wordpress 提供 React 应用程序。
请帮忙
问候,Ido
这有点复杂,但我认为这是一个两步过程
搭建React的开发环境,可以在wordpress项目中完成,但是在side project中开发会简单很多。
完成开发后,您将构建代码的生产版本(即 index.min.js)——这是一个自包含文件,应该是 "plug and play"。只需在您的页面中包含此常规脚本标记即可开始工作。
复杂的部分是在 wordpress 项目中设置 ES6 / Babel / React 环境,但除此之外,React 将捆绑到浏览器就绪文件中,可以直接在浏览器中使用。