uni-vite-read-pages v0.0.6

uni-vite-read-pages

通过 vite.config.js 配合此库，可以随心所欲的读取 pages.json 下的所有配置

声明

该库时基于 uni-read-pages 二次封装，仅适用于使用vite创建的uni-app项目,不适用于vue-cli创建的uni-appuni-app项目!!!

安装

您可以使用 Yarn 或 npm 安装该软件包（选择一个）：

Yarn

yarn add uni-vite-read-pages

npm

npm install uni-vite-read-pages

开始

配置 vite.config.js 通过 vite 注入全局变量

配置 vite.config.js

//vite.config.js
import TransformPages from "uni-vite-read-pages";
const r = new TransformPages(
  {
    includes: ["meta", "path", "aliasPath", "name"],
  },
  "./src"
);
// https://vitejs.dev/config/
export default defineConfig({
  define: {
    ROUTES: r.routes,
  },
});

配置 types.d.ts (不使用typescript,请忽略这步)

//type.d.ts
declare const ROUTES: [];

借助define 轻松注入全局变量。ROUTES 及可全局使用

使用

// xxx.vue
<script>
export default {
    data() {
        return {
            title: 'Hello'
        }
    },
    onLoad() {
        console.log(ROUTES)
    },
}
</script>