如何禁用 VUE 的异步组件？

Question

当我们使用动态组件时(如下面的代码)，会构建多个 JS 文件，方便进行异步加载，但我根据业务需求，不能将 JS 为文件构建为多个，必须构建为单个，请问有没有好的办法将多个 chunk 构建为单个。

new Vue({  
  components: {  
        'my-component': () => import('./my-async-component')  
    }  
})

Answer 1

commonChunk:Infinity

Answer 2

提前引用

const MyComponent = import('./my-async-component');
new Vue({  
  components: {  
        'my-component': MyComponent
    }  
})