Vue 项目中动态导入组件为啥没生效？

佳沫 Dev 提问于 2026-03-03 07:15:20 阅读 8

优化

我用 Vue 3 做了个后台系统，想对路由组件做 code splitting，但打包后发现所有组件还是被打进一个 chunk 里了，根本没拆分。是不是写法有问题？

我试过用 () => import('./views/Dashboard.vue') 这种写法，也确认 webpack 配置没关掉 splitChunks，但就是不生效。

<script setup>
const routes = [
  {
    path: '/dashboard',
    component: () => import('./views/Dashboard.vue')
  },
  {
    path: '/user',
    component: () => import('./views/User.vue')
  }
]
</script>

打包优化

我来解答赞 6 收藏

反馈

暂无解答