Vue在第一次请求时加载所有块

我正在学习Vue,刚刚进入路由章节。我可以使用Vue/CLI创建一个模板项目,并使用初始路由器配置。这是路由器代码:

export default new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
    },
    {
      path: '/about',
      name: 'about',
      // route level code-splitting
      // this generates a separate chunk (about.[hash].js) for this route
      // which is lazy-loaded when the route is visited.
      component: () => import(/* webpackChunkName: "about" */ './views/About.vue'),
    },
  ],
});

根据法规和 docs 这应该足以延迟加载about组件。

当我尝试加载应用程序页面时,将获取“about.js”脚本:

如果我导航到“关于浏览器”从磁盘缓存中获取脚本:

我很困惑。我希望看到只有在导航到about页面之后才会加载about.js脚本。我错过什么了吗?