javascript - 如何重用 webpack 供应商捆绑包

Question

我假设我可以用 webpack 实现我想要做的事情，但仍然无法弄清楚。这是用例。

我有几个 Angular 应用程序（将在同一个浏览器窗口中加载），它们将重用完全相同的供应商包。目前 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
        }
      }),
]