rollup-plugin-auto-router 插件

• 一个自动生成路由的插件
• 支持 vite 和 rollup 插件

使用

1. 安装

npm i -D rollup-plugin-auto-router

2. vite.config.js 配置

import RollupPluginAutoRouter from 'rollup-plugin-auto-router'
export default defineConfig({
	plugins: [ RollupPluginAutoRouter(/* options */)],
})

3 .vue 文件配置路由相关信息

必须配置 $$route 属性，才能生成路由信息

<script>
export default {
 $$route: {
  alias: '/home',
  name: 'menu',
  meta: {
   title: 'menu',
  },
 }
}
</script>

文件生成时机

1. vite.config.js 文件中 control + S 保存时生成
2. 运行 npm run dev 时生成

options 说明

| 属性 | 描述 | 默认值 | |----------|:-------------:|------:| | keyName | 路由配置信息属性名称 | $$route | | entry | 生成页面路由入口 | /src/views | | outputDir | 输出路由文件路径 | /src/router/auto | | outputFileName | 输出路由文件名称 | index.js | | cleanDir | 生成前是否清除输出文件 | true | | ignore | 不生成路由信息文件 | [ ] |