对现有的Wordpress网站做出反应

时间:2017-05-17 13:43:04

标签: wordpress reactjs wp-api

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

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

我发现我可以使用WP-API,这很棒但是可以在某种混合模式下完成吗?

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

我找到了教程,展示了如何使用WP-API作为后端服务器,但React应用程序是独立提供的。我需要使用wordpress提供反应应用程序。

请帮助

问候,Ido

1 个答案:

答案 0 :(得分:3)

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

  1. 为React设置一个开发环境,这可以在wordpress项目中完成,但在侧面项目中开发它会简单得多。

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

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