webpackを使用して複数のモジュールが使用する外部ファイルを束ねる

Question

私はプロジェクトにインストールされるモジュールを構築しています。それらには同様の依存関係があり、webpackを使用してバンドル内で依存関係を何度もパッケージ化します。だから私は外部として依存関係を作った。例えばのために

：

external: { 
    'react':'react', 
    'react-dom':'react-dom' 
} 

しかし、今、私はモジュールで使用できる共通のjsファイルに依存関係をバンドルする方法を見つけるのに苦労しています。

// Exclude React from the bundle, must be react and react-dom here otherwise will not be excluded 
externals: { 
    react: { 
    root: 'React', 
    commonjs2: 'react', 
    commonjs: 'react', 
    amd: 'react', 
    umd: 'react', 
    }, 
    'react-dom': { 
    root: 'ReactDOM', 
    commonjs2: 'react-dom', 
    commonjs: 'react-dom', 
    amd: 'react-dom', 
    umd: 'react-dom', 
    }, 
}, 

そして、あなたはあなたのメイン（トップ）アプリケーション内のすべての外部ライブラリが含まれており、使用することができます。

Answer 1

はあなたのWebPACKで外観の設定のために、このフォーマットを使用します。

あなたのシナリオであるかどうかわかりません。かなり多くを知っていることが良いかもしれません。