1.0.1 • Published 2 years ago
kiwi-auto-router v1.0.1
#kiwi-auto-router
一、简介
vue自动路由生成
kiwi-auto-router 基于VueRouter自动化路由
二、使用方法
安装
npm i kiwi-auto-routerwebpack 使用 （vue-cli4为例）
const autoRouter = require('kiwi-auto-router/lib/router-webpack-plugin')
configureWebpack(config) {
config.plugins = [
...config.plugins,
// eslint-disable-next-line new-cap
new autoRouter({
pages: 'src/views/autoRouter',
importPrefix: '@/views/autoRouter',
routePath: 'src/router/routes.js'
})
]
}| 属性 | 描述 | 类型 | 是否必选 | 默认值 | |
|---|---|---|---|---|---|
| pages | 需要自动生成文件的目录 | String | 否 | 'src/views' | |
| importPrefix | import 引入页面文件的前缀目录 | String | 否 | '@/views' | |
| layout | 处理成布局文件的文件名 | String | 否 | '_layout.vue' | |
| routePath | 路由生成的文件目录，如果设置了则会在当前项目指定目录生成路由文件，否则可以从kiwi-auto-route导入 kiwi-auto-router/lib/routes | String | 否 | 无 |
其中meta为vue-router配置的meta属性一致
写在每个组件的export default {}中
meta: {
title: '系统管理',
icon: 'form',
permissionArray: [1, 2, 3],
sortIndex: 1,
newTime: '2022-05-20'
}#### 路由文件配置
```js
// 路由初始化
import routes from './routes'
const createRouter = () => new Router({
mode: 'history', // require service support
base: process.env.BASE_URL,
scrollBehavior: () => ({ y: 0 }),
routes
})三、版本信息
1.0.0 init porject