2017-05-17 14 views
2

私はWPサイトを利用しています。 PHPファイルを使用してすべてをレンダリングします。既存のWordpressサイトに反応する

今、サイトの1ページをReactに基づいて変更したいと思います。 PHPの代わりにJSコードを反応させる1つのページテンプレートを意味します。これはできますか?

私はWP-APIを使用することができますが、それは素晴らしいですが、それはハイブリッドモードのsomekindで行うことができますか?

もしそうなら、webpackとnode_modulesをどうすればいいですか?反応テンプレートにナビゲートして手動でwebpackを実行する必要がありますか?本番サイトでnpm startを実行する必要がありますか?

私はWP-APIをバックエンドサーバーとして使用する方法を示すチュートリアルを見つけましたが、Reactアプリケーションは単独で提供されています。私はwordpressによって提供される反応のアプリが必要です。

ヘルプしてください

よろしく、イド

+0

完全にビルドされたファイルを提供したいと思っています。実稼働サーバーでwebpackに触れることはなく、展開するときにコードを作成するだけです。 – Patrick

+0

ありがとう、私は展開するときにコードをビルドする方法はありますか?それから、スクリプトとしてインポートするだけですか? –

答えて

3

これはやや複雑ですが、私はそれが反応のための2つのステッププロセス

  1. セットアップ開発環境だと思う、これは内部で行うことができますwordpressプロジェクトですが、サイドプロジェクトで開発する方がずっと簡単です。

  2. 開発が完了したら、コード(I.E、index.min.js)のプロダクションバージョンをビルドします。これは自己完結したファイルで、「プラグアンドプレイ」にする必要があります。あなたのページにこの通常のスクリプトタグを含めるだけで作業が始まります。

複雑な部分

はWordPressプロジェクト内の環境に反応ES6 /バベル/を設定し、それ以外の場合、ブラウザ内で直接使用することができ、ブラウザ対応のファイルにバンドルされます反応します。

+0

スタンドアロンのプロジェクトを作成すれば、私はWPとBabel、ES6のセットアップを避けることができますか? –

+0

私はそう考えています。Reactを通常のjQuery環境に組み込むのと似たようなことをやっています。このenvには反応、babel、webpackなどはありません。 – Patrick

関連する問題