如何重用webpack供应商包

Question

我假设我可以实现我想用webpack做的事情,但仍然无法弄明白.这是用例.

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