ff-auto-router

2.0.9 • Public • Published

一、简介

https://www.npmjs.com/package/ff-auto-router https://www.npmjs.com/package/ff-auto-router https://github.com/wang12321/ff-auto-router https://github.com/wang12321/ff-auto-router https://github.com/wang12321/ff-auto-router

ff-auto-router 基于VueRouter自动化路由

二、使用方法

安装

npm i ff-auto-router

webpack 使用 (vue-cli4为例)

const autoRouter = require('ff-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
importPrefix import 引入页面文件的前缀目录 String '@/views'
layout 处理成布局文件的文件名 String '_layout.vue'
routePath 路由生成的文件目录,如果设置了则会在当前项目指定目录生成路由文件,否则可以从ff-auto-route导入 ff-auto-router/lib/routes String

其中metavue-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.3.0 升级 新增移动自动路由生成 引入

const autoRouter = require('ff-auto-router/lib/mobile-router-webpack-plugin')

1.4.0 修复Windows 上路径\的问题

1.5.0 修复文件下没有index.vue 文件报错的bug。 新增redirect指向只对component: Layout,有效

1.6.0 修复可以在common目录下建立文件夹。 将排序扩大10倍,之后在1和2之间要加功能可以写1.1--1.9 暂时解决需要排序的时候去修改所以文件排序

#2.0.0 代码压缩版本,自动发布npm,之后只会备注大更新版本信息

Package Sidebar

Install

npm i ff-auto-router

Weekly Downloads

2

Version

2.0.9

License

MIT

Unpacked Size

11.2 kB

Total Files

4

Last publish

Collaborators

  • wlg