vue-routes-plugin

说明

用于自动生成vue的路由，规则如下：

1. 所有页面放在某个pages目录中，目录中每个vue文件是一个page，page按树形分布，每个vue文件可以有一个route-view，带有route-view的vue文件可以带有一个同名(全小写)的文件夹,文件夹内可以放其子页面,进而形成页面树
2. 在webpack中添加本插件,指定页面根文件夹路径(相对项目根目录)和输出文件路径
3. 本插件输出的文件可指定为js或ts文件,不可为json
4. 本插件输出的route文件default导出一个路由对象,需要手动在index.js中导入路由并按常规方式加入到vue中
5. 本插件可提供在watch或devserver下自动监视文件更改并实时更新路由的功能

DEMO

导入:

import {GenerateRoutes} from "vue-routes-plugin"

加入webpack中:

new GenerateRoutes("./src/pages","./src/routes.ts")

在index.ts或index.js中

import routes from "./routes"
let router=new VueRouter({
    routes:routes
})