Plugin Light

Appearance

支持命名路由 ​

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

如何使用 ​

安装

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

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

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


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

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

ts
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 的初始化参数。

更新日志 ​

点此查看