我怎么早没发现这个库，vite-plugin-pages，爽！

npm install vite-plugin-pages -D

import Pages from 'vite-plugin-pages'

export default defineConfig({
  plugins: [
    vue(),
    Pages({
      dirs: 'src/pages',
      extensions: ['vue', 'ts'],
      importMode: 'async',
    }),
  ]
})

src/pages/
├── index.vue      → /
├── about.vue      → /about
└── blog/
    └── [id].vue   → /blog/:id

[
  { path: '/', component: () => import('src/pages/index.vue') },
  { path: '/about', component: () => import('src/pages/about.vue') },
  {
    path: '/blog/:id',
    component: () => import('src/pages/blog/[id].vue')
  }
]

// router.ts
import { createRouter, createWebHistory } from 'vue-router'
import routes from 'virtual:generated-pages'

export const router = createRouter({
  history: createWebHistory(),
  routes,
})

import { createApp } from 'vue'
import App from './App.vue'
import { router } from './router'

createApp(App).use(router).mount('#app')

import routes from 'virtual:generated-pages'