@mxnet/generatewechatpage v0.1.3

generateWeChatPage

自动生成小程序页面 路由 components 和 hooks 文件夹

Usage

parameters

export interface pagesConfig {
  // 生成路由 true
  generateRoute?: boolean;
  // 生成 components 文件夹 默认 true
  generateComponents?: boolean;
  // 生成 hooks 文件夹 默认 true
  generateHooks?: boolean;
  path: string;
}

// 生成文件的基本配置
export interface generateWeChatPageReadOptions {
  // 定义 generateWeChat 函数文件的位置  用于获取绝对路径 后续方便获取 rootDir, pagesConfigPath,routerFilePath,routeVariableName 的绝对路径
  defineGenerateWeChatPagePath: string;
  pages: string[] | pagesConfig[];
  rootDir: string;
  // 路由文件地址
  routerFilePath?: string;
  // 路由变量名
  routeVariableName?: string;
  // pages 配置文件路径
  pagesConfigPath: string;
  // 模版文件路径
  templateFilePath?: string;
  // 替换index内容处理函数 ,data 为 templateFilePath 文件内容
  replaceHandler?: (data: string) => string;
}

cjs

const { generateWeChatPage } = require("@mxnet/generateWeChatPage");

esm

import { generateWeChatPage } from "@mxnet/generateWeChatPage";
import { resolve } from "path";

generateWeChatPage({
  defineGenerateWeChatPagePath: resolve(__dirname),
  pages: [
    {
      path: "/index/index/index",
      generateComponents: true,
      generateHooks: true,
      generateRoute: false,
    },
    // 默认创建 路由 hooks components
    "/work/index",
  ],
  rootDir: "pages",
  // 自动补全 app.config.ts 中 pages 字段
  pagesConfigPath: "pages/config.ts",
  // 自动生成路由
  routerFilePath: "hooks/router.ts",
});