"実行時"に外部スクリプトからJSコンポーネントを読み込みます

Question

私はReact JS + webpackを使用しています。 私が解決しなければならない一般的なケースは、メインアプリケーションにバンドルされていないReactコンポーネントを動的にロードすることです。メインアプリケーションとは独立して開発し、アプリケーション全体を再構築せずにアプリケーションによって動的にロードできるプラグイン可能なコンポーネントの種類。

特定の場合は以下のとおりです。

私は2つの完全に分離モジュール（すなわち、異なるpackage.jsonとwebpack.config.jsを使用して構築された）があります。

• MainApp
• 私は次のように実装する必要があるいくつかのComponent

を行動：

1. ページ：MainAppが読み込まれ、初期化されます。
2. MainAppComponentを含む.jsファイルのURLを動的に検索します（たとえば、WebサーバーにGETリクエストを行うなど）。 Componentとレンダリング中<script>
3. MainApp用途はComponentをロードして、それをページに含めると
4. MainApp負荷.jsファイル。

react js + webpackでこのような使用が可能ですか？

Answer 1

反応を外部化する方法を聞いているようです。もしそうなら、あなたはあなたのWebPACKの「見た目」などのライブラリすることができます - ここでは一例です：https://github.com/flexicious/react-redux-datagrid/blob/master/config/webpack.config.js

webpackConfig.externals = { 
      "react": "React", 
     "react-dom": "ReactDOM", 
     "flexicious-react-datagrid":"flexiciousNmsp" 
} 

ちょうど簡単なメモflexicious反応し、データグリッドは、私たちのデータグリッドコンポーネントを反応させている - [http://reactdatagrid.com]あなたがいることを必要といけません