安装
下载
由于该路由库为完全的 uts 插件,所以不需要像传统插件那样通过 npm 安装,直接打开插件市场地址:https://ext.dcloud.net.cn/plugin?id=15998, 下载插件导入项目即可。
配置
项目根目录创建 vite.config.ts,配置内容如下:
ts
import { defineConfig } from 'vite';
import uni from "@dcloudio/vite-plugin-uni";
import autopages from './uni_modules/kux-autopages';
import kuxgen from './uni_modules/kux-router/vite/vite-plugin-kux-gen';
export default defineConfig({
plugins: [
uni(),
autopages(),
kuxgen(),
],
})提示
项目根目录存在该文件时,不需要重新创建,直接按照上面示例代码进行配置 autopages 插件即可。
kuxgen 说明 1.2.0+
路由库会通过 kuxgen 完成路由管理文件的自动生成,不需要手动创建 router.uts 文件。
配置项
- routerFile:
router路由管理文件路径,默认值为./router.uts。 - pagesJsonMappingFile:
pages.json映射文件路径,默认值为pages.interface.uts。
示例代码:
ts
import { defineConfig } from 'vite';
import uni from "@dcloudio/vite-plugin-uni";
import kuxgen from './uni_modules/kux-router/vite/vite-plugin-kux-gen';
export default defineConfig({
plugins: [
uni(),
// ...其他配置
kuxgen(),
kuxgen({
routerFile: 'router/router.uts',
pagesJsonMappingFile: 'router/pages.uts',
})
],
})提示
- 如果自定义了
routerFile那么main.uts里的import router from './router.uts'路径也需要修改为自定义路径。 - 如果自定义了
pagesJsonMappingFile那么router.uts里的import pages from './pagesJsonRouter.uts'路径也需要修改为自定义路径。
autopages 说明 1.2.0+
v1.2.0+ 版本开始支持 autopages 插件,该插件可以自动生成 pages.json 类型映射文件。方便开发者使用路由插件时代码自动提示。
具体参考 uni路由映射
