リアクションindex.htmlウェブパックを使用したページの分離

私は新しいアプリケーションにreactののcreate-react-appを使用しています。私は本当にクライアントサイドと管理パネルのindex.htmlページを分けるのが混乱しています。私は両方の機能フローとCSSファイルを持っています。したがって、ルータのナビゲーションに基づいてindex.htmlファイルをロードする必要があります。リアクションindex.htmlウェブパックを使用したページの分離

例：

http://example.com =>ロードする必要があり、クライアント/ index.htmlを

http://example.com/admin =>管理/ index.htmlを

注意をロードする必要があります：私はWebPACKのの複数のエントリの方法とを試してみましたWebPACKのhtmlプラグイン。しかし、htmlではないバンドルファイル（ナビゲーション中）のみを区切ります。

私を助けてください。

出典

2017-05-11 gokul

あなたが管理者パネルは、それが異なるに制限されているだけのことを、クライアント側に残っていますユーザーの種類。あなたは 'index.html'を一つ持って、React Routerのようなルータを使って別のコンポーネントをロードしてください。 – d4nyll

しかし、コンポーネントでは、これらのスクリプトを使用するには変数を宣言する必要があります。これらのスクリプトはjqueryに依存するため、変数を上書きすることはできません。 – gokul

を使用することができますreact-router

を使用することができ、私は本当に任意の追加のHTMLを望んでいませんページ。

のvar $スクリプトは=（ "scriptjs"）を必要と

$スクリプト（ "/ myscript.js"）

出典

2017-05-12 08:59:55 gokul

webpackちょうどモジュールバンドラー、それはどのページを表示するかを制御しません。これはルータで行う必要があります。それは単一のページかどう

することは、あなたはそれが複数ページの場合、あなたは外部スクリプトを含めるために以下のコードを使用した後express route

出典

2017-05-11 09:14:34

お返事ありがとうございます。私はscriptjsとそのうまくいっています.. – gokul

リアクションindex.htmlウェブパックを使用したページの分離

答えて

関連する問題