vue 按需加载分开打包公用组件问题

Question

我的vue-router配置

 '/test/a':{
    name:'testA',
    component: resolve =>{require(['view/test/a.vue'],resolve)}
  },
  '/test/b':{
    name:'testB',
    component: resolve =>{require(['view/test/b.vue'],resolve)}
  }

webpack会将a，b 分别打包生成chunk文件，
但这两个组件中又都引入了common/a.vue 的公共组件，结果查看生成的文件是公共文件分别写入了两个chunk中，有什么办法可以自动提取呢？

Answer 1

在引入的组件中也用resolve=>{}这种的引入，不要直接import。这样的话会单独的将a生成一个文件，使用他的就是调用这个文件