Asynchronous Vue延迟加载/异步组件在初始加载时加载

我正在尝试让lazy load/async.js块在Vue应用程序中工作

我使用创建了vue项目

vue create project

现在，在我要加载组件的路由器和视图中，我使用语法

component: () => import('path/to/component')

分块工作，我得到0.js、1.js等，当我点击需要组件或路由的适当链接时，它会加载该块

问题是，当我初始加载第一个页面时，它会加载所有的块，比如0.js…5.js等等，当我点击需要2.js的链接时，它会再次下载

对于构建/服务，我使用默认的vue cli

npm run serve

我曾尝试使用router.onReady（），但它仍然会加载初始/登录页面上的所有块，即使不需要这些组件

---

提前谢谢你

好的，所以在修补它一段时间后，我设法找到了它的预取功能

因此，在根项目目录中创建vue.config.js并键入

module.exports = {
  chainWebpack: (config) => {
    config.plugins.delete('prefetch');
  }
};

让它工作起来。由于每个组件的存储容量大约为50kB，因此节省了大量带宽