延迟加载动态导入的vue组件会使站点加载速度降低7倍

Question

我正在尝试将延迟加载到我的Laravel / Vue应用程序中（以下代码）。在代码拆分和延迟加载之前，配置文件如下所示：

一旦我分割了代码，执行将如下所示：

在代码拆分之前，我通过以下方式包含组件：

Vue.component('component-name', require('./components/component.vue').default);

代码拆分后，我将像这样导入组件：

Vue.component('component-name', () => import('./components/component.vue') );

导入正促使webpack按预期将代码分成单独的包，并且组件正在由应用程序动态加载，尽管它们之间的距离非常远。

有人知道这里会发生什么吗？