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

2022-07-04 08:07:15 浏览数 (3)

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

代码语言：javascript复制

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

Vite config Add to your vite.config.js:

代码语言：javascript复制

import Pages from 'vite-plugin-pages'

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

Vue

代码语言：javascript复制

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

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

参考视频

0 人点赞