vite + vue3 项目中引入文件路由

项目中当页面很多，就不得不手动配置多个 route 配置， vite 有一个 插件 vite-plugin-pages  ，则可以帮我们实现自动引入文件路由配置

npm install -D vite-plugin-pages
npm install vue-router

Vite config
Add to your vite.config.js:

import Pages from 'vite-plugin-pages'

export default {
  plugins: [
    // ...
    Pages(),
  ],
}

Vue 

import { createRouter } from 'vue-router'
import routes from '~pages'

const router = createRouter({
  // ...
  routes,
})

 

参考视频