webpackにバンドルする際に共通モジュールをバンドルすることはできますか？

Question

ウェブパックについての質問。 webpackでモジュールをバンドルするときエントリポイントの場所に基づいてアプリケーションを実行します。このとき、エントリーポイントを複数に設定すると、エントリーポイント数で構築されたファイルが作成されます。

バンドルがエントリ単位でバンドルされている場合はバンドルAとバンドルBにバンドルすることができます。このとき、BバンドルではHELLO、BモジュールではHELLOというモジュールを使用しました。

この時点で、ウェブパックにバンドルする場合、共通に使用されるモジュール（HELLOモジュール）のみが別途バンドルされます。

Aバンドル、Bバンドル、Hバンドルを作れますか？バンドルでHバンドルを呼び出して利用できるようにしたい

以下は私のwebpackコードです。私はH.js、モジュールAとBの使用を共有しているであろうA.js、B.js、及びH.jsを行います複数のバンドルに

module.exports = { 
    devtool: 'source-map', 
    entry: ['./public/js/index.ts', './public/js/admin/member.ts'], 
    output: { 
     path: 'dist/public/js', 
     filename: '[name].js' 
    }, 
    module: { 
     loaders: [{ 
      test: /\.tsx?$/, 
      loader: 'ts-loader', 
      options: { 
       transpileOnly: true 
      } 
     }] 
    }, 
    resolve: { 
     extensions: [".ts", ".js"] 
    } 
}; 

Answer 1

module.exports = { 
    devtool: 'source-map', 
    entry: { 
    A: ['./public/js/index.ts'], 
    B: ['./public/js/admin/member.ts'] 
    }, 
    output: { 
    path: 'dist/public/js', 
    filename: '[name].js' 
    }, 
    module: { 
    loaders: [{ 
     test: /\.tsx?$/, 
     loader: 'ts-loader', 
     options: { 
      transpileOnly: true 
     } 
    }] 
    }, 
    resolve: { 
    extensions: [".ts", ".js"] 
    }, 
    plugins: [ 
    new CommonsChunkPlugin({ 
    name: 'H', 
    minChunks: 2 
    }) 
}; 

のWebPACKを複数のエントリを使用して。しかし、AとBを含める前にスクリプトタグで最初にHを含める必要があります

これは何か？