支持命名路由

uni-app Vue3 H5模式下支持命名路由。

如何使用

安装

pnpm add @plugin-light/vite-plugin-support-named-route -D

在 vite.config.ts 中添加如下设置：

import { defineConfig } from 'vite';
import { supportNamedRouteVitePlugin } from '@plugin-light/vite-plugin-support-named-route';


export default defineConfig({
  plugins: [
    supportNamedRouteVitePlugin()
  ],
});

更推荐在脚本中前置执行，如：

const { supportNamedRoute } = require('@plugin-light/vite-plugin-support-named-route');

supportNamedRoute({ root: process.cwd() });

原理

1. 修改 @dcloudio/uni-h5-vite/dist/plugins/pagesJson.js，generatePageRoute 方法中增加返回 name，它会传给 __uniRoutes。
2. 修改 @dcloudio/uni-cli-shared/dist/json/pages.js，normalizePagesRoute 方法中，增加返回 name，这个方法会解析上一步生成的数据，最终作为 vue-router 的初始化参数。

更新日志

点此查看