webpack 无法单独打包异步组件中复用的组件?

Question

在优化 webpack 打包时遇到这个问题
修改webpack配置，尝试用 CommonsChunkPlugin 实现却没有生效

    new webpack.optimize.CommonsChunkPlugin({
      name: 'ventor',
      minChunks: ({ resource }) => (
        resource &&
        resource.indexOf('node_modules') >= 0 &&
        resource.match(/\.js$/)
      )
    }),

    new webpack.optimize.CommonsChunkPlugin({
      async: 'used-twice',
      // children: true,
      minChunks: (module, count) => {
        // 被 2 个及以上 chunk 使用的共用模块提取出来
        return count >= 2
      }
    }),

打包结果

异步组件还是重复打包了公用的组件，求解？

Answer 1

参考一下 https://github.com/webpack/we...