2017-05-17 41 views
2

我有一個WP網站的工作。它具有使用PHP文件呈現的所有內容。在現有的Wordpress網站上反應

現在,我想將我網站的一頁改爲基於React。意思是一個頁面模板會執行反應JS代碼而不是PHP。這可以做到嗎?

我發現我可以使用WP-API,這很棒,但它可以在某種混合模式下完成嗎?

如果是這樣,我該如何處理webpack和node_modules?我必須導航到反應模板並手動運行webpack運行嗎?我應該在我的生產網站上執行npm start嗎?

我發現教程展示瞭如何使用WP-API作爲後端服務器,但React應用程序是獨立運行的。我需要反應的應用程序由WordPress的服務。

請幫助

的問候,伊

+0

我想你會想要提供一個完全構建的文件,我不會在生產服務器上觸摸webpack,只需在部署時構建代碼即可。 – Patrick

+0

謝謝,我部署時如何構建代碼?那麼我只是將它作爲腳本導入? –

回答

3

這有點複雜,但我認爲這是一個兩步的過程

  1. 安裝了反應的發展環境,這是可以內完成wordpress項目,但在側面項目中開發它會簡單得多。

  2. 完成開發後,您將生成代碼的生產版本(I.E,index.min.js) - 這是一個自包含文件,應該是「即插即用」的。只需在頁面中包含此常規腳本標記即可開始工作。

複雜的部分是建立一個ES6 /巴貝爾/反應的WordPress的項目中的環境,但除此之外,陣營將捆綁成可以直接使用瀏覽器中瀏覽器準備的文件。

+0

因此,如果我要創建一個獨立的項目,我可以避免設置WP和Babel,ES6? –

+0

我這麼認爲,我在做一些類似的東西,在常規的jQuery環境中嵌入React,這個env沒有任何反應,babel,webpack等,它只是使用腳本標記工作。 – Patrick