0.0.4 • Published 2 years ago
@lazebird/vite-plugin-routespack v0.0.4
@lazebird/vite-plugin-routespack
介绍
- 自动将项目路由目录转换为路由数据对象,支持路由扁平化
- 预览
- npmjs
安装
pnpm i -D @lazebird/vite-plugin-routespack
用法
- 详细内容可以参考项目示例和源码;有问题请提 issue
// vite.config.ts
import vitePluginroutespack from '@lazebird/vite-plugin-routespack';
plugins.push(vitePluginroutespack({ dir: '/routes'}));
// 业务
import {froutes} from 'virtual:routes';
export const router = createRouter({ history: createWebHashHistory(), routes: froutes });
export const setupRouter = (app: App<Element>) => app.use(router);
// 类型,创建/src/vite-env.d.ts,写入下列内容
// /src/vite-env.d.ts
/// <reference types="@lazebird/vite-plugin-routespack/dist/client" />
Todo
- 支持调试信息控制
- 支持多目录路由
- 支持路由数据校验
- 重构,在插件中进行数据处理,代替现在返回大段处理代码的方式