reactjsを使用してnode_modulesからjsファイルをバンドルして参照する方法

Question

BroadwayJSを使用してビデオストリームを再生すると、Playerをインポートします。Playerオブジェクトでは、デコーダファイルを指定する必要があります。

デコーダファイル内のコメントは

これはすべて1つのファイルにパックされた理由は、このファイルは も労働者として機能することがあると言います。 ファイルをビルドシステムに統合し、元のファイルを提供してワーカーにロードすることができます。 「：/build/Decoder.js workerFile」

は、どのように私は私のようなファイルからの魔法にそれをバンドルし、ポイントにnode_modules/BroadwayJS /プレーヤー/ Decoder.jsからデコーダファイルをWebPACKのことができますか？私はWebPACKのとwebpackdevserver https://github.com/bobtista/broadway-reactjs

でプレーしてきたのはここ

は私がworkerfileが含まれていない場合、私はプレイヤーが新たなデコーダーを使用しようとしている、とデコーダは、コンストラクタではないというエラーが出るのです...別の方法でデコーダをインポートできますか？

Answer 1

webpack configを使用すると、2つのエントリポイントを追加して別々のファイルとして出力できます。コードから、必要なファイルを指してください。このような

何か：

module.exports = { 
    entry: { 
     app: ['./src/index.js'], 
     decoder: ['broadwayjs/Player/Decoder'] 
    }, 
    output: { 
     path: path.join(__dirname, 'dist', 'assets'), 
     filename: '[name]ReactBundle.js' 
    } 
} 

は、それから私は思う（ はその後、別のターミナルウィンドウでdistのフォルダに移動し、Pythonや何かを持つ単純なHTTPサーバを実行する2つのファイルを生成するために、端末にWebPACKの実行）webpack.ProvidePlugin（）は、https：//webpack.jsのように使用できます。これは、webpack開発者のサーバでも動作しますが、私は設定権を得ることができませんでした。