WebPACKを作るReduxの形式の外部ライブラリ

Question

私は私のプロジェクトでの輸入のこの種を持っている：私はそれはに含まれないように、外部ライブラリとしてReduxの形式の輸入を作りたい

import {Field, reduxForm, FormSection, formValueSelector} from 'redux-form'; 

ビルド。例としては、それはjQueryを使って行われます

externals: { 
    jquery: 'jQuery' 
} 

をそこで質問がWebPACKの中で明示的に列挙することなく、外部と同じライブラリーから複数のインポートを作成する方法についての詳細です。

Answer 1

あなたのWebPACKのconfigにこれを追加しようとすることができます

plugins: [ 
    // split vendor js into its own file 
    new webpack.optimize.CommonsChunkPlugin({ 
     name: 'vendor', 
     minChunks: function (module, count) { 
     // any required modules inside node_modules are extracted to vendor 
     return (
      module.resource && 
      /\.js$/.test(module.resource) && 
      module.resource.indexOf(
      path.join(__dirname, '../node_modules') 
     ) === 0 
     ) 
     } 
    }), 
] 

それはvendorと呼ばれる新しいファイルを作成しますすべての外部ライブラリ

が含まれます