如何重用webpack供应商包

Question

我认为我可以实现我想用webpack做的事情，但仍然无法弄明白。这是用例。

我有几个Angular Apps（将在相同的浏览器窗口中加载），这将重复使用完全相同的供应商捆绑包。目前webpack在每个应用程序中生成两个文件app。[app_module_name] .js和vendor.js。因此理论上我应该能够在html页面中仅包含一个vendor.js文件，然后加载几个应用程序模块。但是这不起作用，因为供应商中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
        }
      }),
]