vite-uni-route

vite-uni-route 是一个专为 UNIAPP 设计的 Vite 插件，为 Vue 3 + Vite 构建的项目提供支持。它允许在编译阶段，对pages.json进行扫描，并且生成相应的name标识。搭配utils中useRouter()方法，即可实现路由跳转。

安装

要在您的项目中安装 vite-uni-route 插件，可以使用以下命令：

pnpm install vite-uni-route

或者，如果您使用 npm：

npm install vite-uni-route

或者，如果您使用 yarn

yarn install vite-uni-route

使用方法

• 在uni()方法之前引入
• 无需其他配置

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import {uniRouteImport} from 'vite-uni-route';

export default defineConfig(() => {
  return {
    plugins: [uniRouteImport(), uni()],
  };
});

useRouter 参数配置

• useRouter 入参支持路由name:string以及object
• 并且支持ts提示

string

• 类型： Path
• 默认值： undefined
• Path类型为插件运行时自动生成，并且这useRouter方法中自动引入

object

• 类型： RouterParams

参数名	类型	描述	默认值	是否可选
path	Path	单页面路由文件名。自动生成		必选
params	Record<string, any>	路由传递的参数对象。	undefined	可选
close	'default' 'current' 'all'	'default': 不关闭任何页面直接跳转。 'current': 关闭当前页后跳转。 'all': 关闭所有页面后跳转。	default	可选