javascript - Webpack ベンダー バンドルを再利用する方法

Question

webpackでやろうとしていることを達成できると思いますが、まだ理解できませんでした。ユースケースはこちら。

まったく同じベンダー バンドルを再利用する Angular アプリ (同じブラウザー ウィンドウ内に読み込まれる) がいくつかあります。現在、webpack は各アプリで app.[app_module_name].js と vendor.js の 2 つのファイルを生成します。したがって、理論的には、html ページにvendor.js ファイルを 1 つだけ含めてから、いくつかのアプリ モジュールをロードできるはずです。ただし、ベンダーの lib の webpack 内部参照が互いに異なるため、これは機能しません。

以下は現時点での私の構成です。誰かが私を助けることができれば素晴らしいだろう.

entry: {
      bootstrap: './src/app/init/bootstrap.js',
      tradingApp: './src/app/app.js'
    },
    output: {
      filename: '[name].bundle.js',
      publicPath: '/',
      path: path.join(projectRoot, 'dist')
    },
plugins:[
      new webpack.optimize.CommonsChunkPlugin({
        name: 'vendor',
        minChunks: function (module) {
          return module.resource && module.resource.indexOf(path.join(projectRoot, 'src')) === -1
        }
      }),
]