create-vite-taro 0.1.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 sep2
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,55 @@
+# create-vite-taro
+
+Create a Vite 8 + React 19 + Taro app for WeChat Mini Program and H5 targets.
+
+## Quick start
+
+```sh
+# Create a new app from the default template
+pnpm create vite-taro my-app
+
+# Enter the project and install dependencies
+cd my-app
+pnpm install
+
+# WeChat Mini Program: rebuild dist/wx in watch mode
+pnpm dev:wx
+
+# H5: start the Vite dev server
+pnpm dev:h5
+
+# Then open the standard Vite dev URL in your browser
+# http://localhost:5173
+```
+
+You can keep `pnpm dev:wx` and `pnpm dev:h5` running at the same time in separate terminals.
+
+Note: Because of WeChat DevTools and Mini Program runtime limitations, hot reload/fast rebuilds for the WeChat target may not always apply cleanly. For day-to-day iteration, prefer the H5 Vite dev server for fast feedback, and periodically verify the Mini Program result in WeChat DevTools.
+
+Set `VITE_PLUGIN_TARO_WECHAT_APP_ID` in the generated `.env.local` to your WeChat App ID, then open `dist/wx` with WeChat DevTools for Mini Program development.
+
+## Other package managers
+
+```sh
+npm create vite-taro@latest my-app
+yarn create vite-taro my-app
+bun create vite-taro my-app
+```
+
+## Scripts
+
+| Script | Description |
+| --- | --- |
+| `pnpm dev:wx` | Build the WeChat Mini Program in watch mode. |
+| `pnpm dev:h5` | Start the H5 dev server with Vite 8 hot reload. |
+| `pnpm build:wx` | Build the WeChat Mini Program output into `dist/wx`. |
+| `pnpm build:h5` | Build the H5 output into `dist/h5`. |
+| `pnpm preview:h5` | Preview the built H5 output. |
+| `pnpm typecheck` | Typecheck with `tsgo`. |
+
+## Troubleshooting
+
+| Problem | Check |
+| --- | --- |
+| `pnpm install` says dependency build scripts were ignored | Run `pnpm approve-builds`, approve the requested dependency build scripts, then rerun `pnpm install` if needed. |
+

package/index.js

@@ -0,0 +1,196 @@
+#!/usr/bin/env node
+import { randomBytes } from 'node:crypto'
+import { existsSync, mkdirSync, readdirSync, readFileSync, statSync, writeFileSync } from 'node:fs'
+import path from 'node:path'
+import process from 'node:process'
+import readline from 'node:readline/promises'
+import { fileURLToPath } from 'node:url'
+
+const packageRoot = path.dirname(fileURLToPath(import.meta.url))
+const defaultProjectName = 'vite-taro-app'
+const defaultProjectTitle = 'Vite Taro App'
+const defaultWechatAppId = 'wx0000000000000000'
+const renamedFiles = {
+    '_env.local': '.env.local',
+    _gitignore: '.gitignore'
+}
+const helpText = `Usage:
+  pnpm create vite-taro [project-name]
+  npm create vite-taro@latest [project-name]
+  yarn create vite-taro [project-name]
+  bun create vite-taro [project-name]
+
+Options:
+  -f, --force   Create files even when the target directory is not empty.
+  -h, --help    Show this help.
+`
+
+const options = parseArgs(process.argv.slice(2))
+
+if (options.help) {
+    console.log(helpText)
+    process.exit(0)
+}
+
+const targetDirectory = options.targetDirectory ?? (await promptProjectName())
+const projectPath = path.resolve(targetDirectory)
+const projectName = toValidPackageName(path.basename(projectPath))
+const projectTitle = toTitle(projectName)
+const wechatAppId = createWechatAppId()
+
+assertCanCreateProject(projectPath, options.force)
+mkdirSync(projectPath, { recursive: true })
+copyTemplate(path.join(packageRoot, 'templates/default'), projectPath, projectName, projectTitle, wechatAppId)
+
+const packageManager = getPackageManager()
+const displayProjectPath = getDisplayProjectPath(projectPath)
+const cdCommand = displayProjectPath === '.' ? undefined : `cd ${quotePath(displayProjectPath)}`
+
+console.log(`\nCreated ${projectName} in ${projectPath}\n`)
+console.log('Next steps:')
+if (cdCommand) console.log(`  ${cdCommand}`)
+console.log(`  ${packageManager} install`)
+console.log(`  ${packageManager} dev:wx`)
+console.log(`  ${packageManager} dev:h5`)
+
+function parseArgs(args) {
+    const options = {
+        force: false,
+        help: false,
+        targetDirectory: undefined
+    }
+
+    for (const arg of args) {
+        if (arg === '--help' || arg === '-h') {
+            options.help = true
+            continue
+        }
+
+        if (arg === '--force' || arg === '-f') {
+            options.force = true
+            continue
+        }
+
+        if (arg.startsWith('-')) {
+            fail(`Unknown option: ${arg}\n\n${helpText}`)
+        }
+
+        if (options.targetDirectory) {
+            fail(`Unexpected argument: ${arg}\n\n${helpText}`)
+        }
+
+        options.targetDirectory = arg
+    }
+
+    return options
+}
+
+async function promptProjectName() {
+    if (!process.stdin.isTTY) return defaultProjectName
+
+    const prompt = readline.createInterface({ input: process.stdin, output: process.stdout })
+    try {
+        const answer = await prompt.question(`Project name (${defaultProjectName}): `)
+        return answer.trim() || defaultProjectName
+    } finally {
+        prompt.close()
+    }
+}
+
+function assertCanCreateProject(projectPath, force) {
+    if (!existsSync(projectPath)) return
+
+    const stats = statSync(projectPath)
+    if (!stats.isDirectory()) {
+        fail(`Target path exists and is not a directory: ${projectPath}`)
+    }
+
+    if (!force && readdirSync(projectPath).length > 0) {
+        fail(`Target directory is not empty: ${projectPath}\nUse --force to write template files anyway.`)
+    }
+}
+
+function copyTemplate(sourceDirectory, targetDirectory, projectName, projectTitle, wechatAppId) {
+    for (const entry of readdirSync(sourceDirectory, { withFileTypes: true })) {
+        const sourcePath = path.join(sourceDirectory, entry.name)
+        const targetName = renamedFiles[entry.name] ?? entry.name
+        const targetPath = path.join(targetDirectory, targetName)
+
+        if (entry.isDirectory()) {
+            mkdirSync(targetPath, { recursive: true })
+            copyTemplate(sourcePath, targetPath, projectName, projectTitle, wechatAppId)
+            continue
+        }
+
+        const source = readFileSync(sourcePath, 'utf8')
+        writeFileSync(targetPath, transformTemplateFile(targetName, source, projectName, projectTitle, wechatAppId))
+    }
+}
+
+function transformTemplateFile(fileName, source, projectName, projectTitle, wechatAppId) {
+    if (fileName === 'package.json') {
+        const packageJson = JSON.parse(source)
+        packageJson.name = projectName
+        return `${JSON.stringify(packageJson, null, 4)}\n`
+    }
+
+    if (fileName === 'index.html') {
+        return source.replace(/<title>.*?<\/title>/, `<title>${projectTitle}</title>`)
+    }
+
+    return source
+        .replaceAll(defaultProjectName, projectName)
+        .replaceAll(defaultProjectTitle, projectTitle)
+        .replaceAll(defaultWechatAppId, wechatAppId)
+}
+
+function createWechatAppId() {
+    return `wx${randomBytes(8).toString('hex')}`
+}
+
+function toValidPackageName(name) {
+    const normalizedName = name
+        .trim()
+        .toLowerCase()
+        .replace(/\s+/g, '-')
+        .replace(/^[._]/, '')
+        .replace(/[^a-z0-9-~]+/g, '-')
+        .replace(/^-+|-+$/g, '')
+
+    return isValidPackageName(normalizedName) ? normalizedName : defaultProjectName
+}
+
+function isValidPackageName(name) {
+    return /^(?:@[a-z\d-*~][a-z\d-*._~]*\/)?[a-z\d-~][a-z\d-._~]*$/.test(name)
+}
+
+function toTitle(name) {
+    return name
+        .split(/[-_\s]+/)
+        .filter(Boolean)
+        .map((word) => `${word.slice(0, 1).toUpperCase()}${word.slice(1)}`)
+        .join(' ')
+}
+
+function getPackageManager() {
+    const userAgent = process.env.npm_config_user_agent ?? ''
+    if (userAgent.startsWith('pnpm')) return 'pnpm'
+    if (userAgent.startsWith('yarn')) return 'yarn'
+    if (userAgent.startsWith('bun')) return 'bun'
+    if (userAgent.startsWith('npm')) return 'npm'
+    return 'pnpm'
+}
+
+function getDisplayProjectPath(projectPath) {
+    const relativePath = path.relative(process.cwd(), projectPath) || '.'
+    return relativePath.startsWith('..') ? projectPath : relativePath
+}
+
+function quotePath(value) {
+    return value.includes(' ') ? JSON.stringify(value) : value
+}
+
+function fail(message) {
+    console.error(message)
+    process.exit(1)
+}

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "create-vite-taro",
+  "version": "0.1.2",
+  "description": "Create Vite 8 + React 19 + Taro apps for H5 and WeChat Mini Program targets.",
+  "type": "module",
+  "bin": {
+    "create-vite-taro": "./index.js"
+  },
+  "files": [
+    "index.js",
+    "templates",
+    "LICENSE",
+    "README.md"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sep2/vite-plugin-taro.git",
+    "directory": "packages/create-vite-taro"
+  },
+  "bugs": {
+    "url": "https://github.com/sep2/vite-plugin-taro/issues"
+  },
+  "homepage": "https://github.com/sep2/vite-plugin-taro/tree/main/packages/create-vite-taro#readme",
+  "keywords": [
+    "vite",
+    "taro",
+    "create",
+    "react",
+    "wechat",
+    "mini-program"
+  ],
+  "author": "sep2",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=22"
+  }
+}

package/templates/default/README.md

@@ -0,0 +1,38 @@
+# Vite Taro App
+
+Vite 8 + React 19 + Taro app generated by `create-vite-taro`.
+
+Docs and source: <https://github.com/sep2/vite-plugin-taro>
+
+## Quick start
+
+```sh
+# Install dependencies after scaffolding
+pnpm install
+
+# WeChat Mini Program: rebuild dist/wx in watch mode
+pnpm dev:wx
+
+# H5: start the Vite dev server
+pnpm dev:h5
+
+# Then open the standard Vite dev URL in your browser
+# http://localhost:5173
+```
+
+You can keep `pnpm dev:wx` and `pnpm dev:h5` running at the same time in separate terminals.
+
+Note: Because of WeChat DevTools and Mini Program runtime limitations, hot reload/fast rebuilds for the WeChat target may not always apply cleanly. For day-to-day iteration, prefer the H5 Vite dev server for fast feedback, and periodically verify the Mini Program result in WeChat DevTools.
+
+Set `VITE_PLUGIN_TARO_WECHAT_APP_ID` in `.env.local` to your WeChat App ID, then open `dist/wx` with WeChat DevTools for Mini Program development.
+
+## Scripts
+
+```sh
+pnpm dev:wx      # Build the WeChat Mini Program in watch mode
+pnpm dev:h5      # Start the H5 dev server
+pnpm build:wx    # Build dist/wx
+pnpm build:h5    # Build dist/h5
+pnpm preview:h5  # Preview dist/h5
+pnpm typecheck   # Typecheck with tsgo
+```

package/templates/default/_env.local

@@ -0,0 +1 @@
+VITE_PLUGIN_TARO_WECHAT_APP_ID=wx0000000000000000

package/templates/default/_gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

package/templates/default/index.html

@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite Taro App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

package/templates/default/package.json

@@ -0,0 +1,26 @@
+{
+    "name": "vite-taro-app",
+    "private": true,
+    "version": "0.0.0",
+    "type": "module",
+    "scripts": {
+        "dev:wx": "NODE_ENV=development VITE_PLUGIN_TARO_TARGET=wx vite build --watch",
+        "dev:h5": "NODE_ENV=development VITE_PLUGIN_TARO_TARGET=h5 vite",
+        "build:wx": "NODE_ENV=production VITE_PLUGIN_TARO_TARGET=wx vite build",
+        "build:h5": "NODE_ENV=production VITE_PLUGIN_TARO_TARGET=h5 vite build",
+        "preview:h5": "NODE_ENV=production VITE_PLUGIN_TARO_TARGET=h5 vite preview --outDir dist/h5",
+        "typecheck": "tsgo -b"
+    },
+    "dependencies": {
+        "react": "^19.2.7",
+        "react-dom": "^19.2.7"
+    },
+    "devDependencies": {
+        "@types/node": "^26.0.0",
+        "@types/react": "^19.2.17",
+        "@types/react-dom": "^19.2.3",
+        "@typescript/native-preview": "latest",
+        "vite": "^8.0.16",
+        "vite-plugin-taro": "^0.1.2"
+    }
+}

package/templates/default/src/app.css

@@ -0,0 +1,11 @@
+@import "tailwindcss/theme.css";
+@import "tailwindcss/preflight.css";
+@import "tailwindcss/utilities.css";
+
+@source "./";
+
+body {
+    margin: 0;
+    background: #f8fafc;
+    color: #0f172a;
+}

package/templates/default/src/app.ts

@@ -0,0 +1,15 @@
+import { useLaunch } from 'virtual:taro/api'
+import type { PropsWithChildren } from 'react'
+import './app.css'
+import { initNavigationBar } from './components/navigation-bar/use-navigation-bar.ts'
+
+function App({ children }: PropsWithChildren) {
+    useLaunch(() => {
+        console.log('App launched')
+        initNavigationBar()
+    })
+
+    return children
+}
+
+export default App

package/templates/default/src/components/navigation-bar/navigation-bar.tsx

@@ -0,0 +1,32 @@
+import { View } from 'virtual:taro/components'
+import type { CSSProperties } from 'react'
+import { useNavigationBar } from './use-navigation-bar.ts'
+
+interface NavigationBarProps {
+    title: string
+}
+
+function px(value: number): string {
+    return `${Math.round(value)}px`
+}
+
+export function NavigationBar({ title }: NavigationBarProps) {
+    const { navBar, menuInfo } = useNavigationBar()
+    const containerStyle: CSSProperties = { height: px(navBar.height) }
+    const statusBarStyle: CSSProperties = { height: px(navBar.top) }
+    const contentStyle: CSSProperties = { padding: `${px(navBar.py)} ${px(navBar.px)}` }
+    const sideStyle: CSSProperties = { flexBasis: px(menuInfo.width), width: px(menuInfo.width) }
+
+    return (
+        <View className="flex w-full flex-col text-white bg-blue-600" style={containerStyle}>
+            <View className="shrink-0" style={statusBarStyle} />
+            <View className="flex w-full flex-1 flex-row items-center" style={contentStyle}>
+                <View className="flex h-full shrink-0" style={sideStyle} />
+                <View className="flex h-full min-w-0 flex-1 flex-row items-center justify-center text-center text-base font-medium">
+                    {title}
+                </View>
+                <View className="flex h-full shrink-0" style={sideStyle} />
+            </View>
+        </View>
+    )
+}

package/templates/default/src/components/navigation-bar/use-navigation-bar.ts

@@ -0,0 +1,85 @@
+import Taro from 'virtual:taro/api'
+import { useState } from 'react'
+
+interface NavigationBarNavInfo {
+    height: number
+    top: number
+    py: number
+    px: number
+}
+
+interface NavigationBarMenuInfo {
+    bottom: number
+    height: number
+    left: number
+    right: number
+    top: number
+    width: number
+}
+
+interface NavigationBarInfo {
+    navBar: NavigationBarNavInfo
+    menuInfo: NavigationBarMenuInfo
+}
+
+let navigationBarInfo: NavigationBarInfo = {
+    navBar: { height: 0, top: 0, py: 0, px: 0 },
+    menuInfo: { bottom: 0, height: 0, left: 0, right: 0, top: 0, width: 0 }
+}
+
+function createFallbackMenuInfo(screenWidth: number): NavigationBarMenuInfo {
+    const width = 88
+    const height = 32
+    const top = 6
+    const right = Math.max(width, screenWidth - 16)
+
+    return {
+        bottom: top + height,
+        height,
+        left: right - width,
+        right,
+        top,
+        width
+    }
+}
+
+function getMenuInfo(screenWidth: number): NavigationBarMenuInfo {
+    if (IS_WEAPP) {
+        const menuButtonInfo = Taro.getMenuButtonBoundingClientRect()
+        if (menuButtonInfo.width > 0 && menuButtonInfo.height > 0) return menuButtonInfo
+    }
+
+    return createFallbackMenuInfo(screenWidth)
+}
+
+export function initNavigationBar(): NavigationBarInfo {
+    const windowInfo = Taro.getWindowInfo()
+    const screenWidth = windowInfo.screenWidth || 375
+    const statusBarHeight = IS_WEAPP ? (windowInfo.statusBarHeight ?? 44) : 0
+    const menuInfo = getMenuInfo(screenWidth)
+    const menuButtonStatusBarGap = Math.max(0, menuInfo.top - statusBarHeight)
+    const navBarHeight = menuButtonStatusBarGap * 2 + menuInfo.height + statusBarHeight
+    const paddingX = Math.max(0, screenWidth - menuInfo.right)
+
+    navigationBarInfo = {
+        navBar: {
+            height: navBarHeight,
+            top: statusBarHeight,
+            py: menuButtonStatusBarGap,
+            px: paddingX
+        },
+        menuInfo
+    }
+
+    return navigationBarInfo
+}
+
+function getNavigationBarInfo(): NavigationBarInfo {
+    if (navigationBarInfo.navBar.height > 0) return navigationBarInfo
+    return initNavigationBar()
+}
+
+export function useNavigationBar(): NavigationBarInfo {
+    const [currentNavigationBarInfo] = useState(getNavigationBarInfo)
+    return currentNavigationBarInfo
+}

package/templates/default/src/pages/index/index.tsx

@@ -0,0 +1,29 @@
+import Taro from 'virtual:taro/api'
+import { Button, Text, View } from 'virtual:taro/components'
+import { NavigationBar } from "../../components/navigation-bar/navigation-bar.tsx"
+
+function IndexPage() {
+    return (
+        <View className="flex flex-col h-screen overflow-hidden">
+            <NavigationBar title={'Vite Taro App'}/>
+            <View className="flex-1 flex items-center justify-center bg-slate-50 px-6 py-12">
+                <View className="rounded-3xl bg-white p-6 shadow-sm">
+                    <Text className="block text-2xl font-semibold text-slate-950">Vite + Taro</Text>
+                    <Text className="mt-3 block text-base leading-7 text-slate-600">
+                        Build H5 and WeChat Mini Program targets from one React/Taro codebase.
+                    </Text>
+                    <Button
+                        className="mt-6 rounded-xl bg-blue-600 px-4 py-2 text-white"
+                        onClick={() => {
+                            Taro.showToast({title: 'Hello Taro'})
+                        }}
+                    >
+                        Show toast
+                    </Button>
+                </View>
+            </View>
+        </View>
+    )
+}
+
+export default IndexPage

package/templates/default/tsconfig.app.json

@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+        "target": "es2023",
+        "lib": ["ES2023", "DOM"],
+        "module": "esnext",
+        "types": ["vite/client", "vite-plugin-taro/client"],
+        "skipLibCheck": true,
+
+        /* Bundler mode */
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "verbatimModuleSyntax": true,
+        "moduleDetection": "force",
+        "noEmit": true,
+        "jsx": "react-jsx",
+
+        /* Linting */
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "erasableSyntaxOnly": true,
+        "noFallthroughCasesInSwitch": true
+    },
+    "include": ["src"]
+}

package/templates/default/tsconfig.json

@@ -0,0 +1,4 @@
+{
+    "files": [],
+    "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
+}

package/templates/default/tsconfig.node.json

@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+        "target": "es2023",
+        "lib": ["ES2023"],
+        "module": "esnext",
+        "types": ["node"],
+        "skipLibCheck": true,
+
+        /* Bundler mode */
+        "moduleResolution": "bundler",
+        "allowImportingTsExtensions": true,
+        "verbatimModuleSyntax": true,
+        "moduleDetection": "force",
+        "noEmit": true,
+
+        /* Linting */
+        "noUnusedLocals": true,
+        "noUnusedParameters": true,
+        "erasableSyntaxOnly": true,
+        "noFallthroughCasesInSwitch": true
+    },
+    "include": ["vite.config.ts"]
+}

package/templates/default/vite.config.ts

@@ -0,0 +1,82 @@
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { defineConfig, loadEnv } from 'vite'
+import vitePluginTaro, { type VitePluginTaroTarget } from 'vite-plugin-taro'
+
+const targetEnvName = 'VITE_PLUGIN_TARO_TARGET'
+const projectRoot = fileURLToPath(new URL('.', import.meta.url))
+
+function getTarget(env: Record<string, string>): VitePluginTaroTarget {
+    const target = env[targetEnvName]
+    if (target === 'wx' || target === 'h5') return target
+    throw new Error(`${targetEnvName} must be "wx" or "h5".`)
+}
+
+function fromRoot(...segments: string[]): string {
+    return path.resolve(projectRoot, ...segments)
+}
+
+export default defineConfig(({ mode }) => {
+    const env = loadEnv(mode, process.cwd(), 'VITE_PLUGIN_TARO_')
+    const target = getTarget(env)
+    const wechatAppId = env.VITE_PLUGIN_TARO_WECHAT_APP_ID || 'touristappid'
+
+    return {
+        build: {
+            outDir: fromRoot('dist', target)
+        },
+        plugins: [
+            vitePluginTaro({
+                target,
+                app: 'src/app.ts',
+                pages: [
+                    {
+                        path: 'pages/index/index',
+                        config: {
+                            navigationStyle: 'custom'
+                        }
+                    }
+                ],
+                appJson: {
+                    lazyCodeLoading: 'requiredComponents',
+                    window: {
+                        navigationStyle: 'custom'
+                    },
+                    renderer: 'skyline',
+                    componentFramework: 'glass-easel',
+                    rendererOptions: {
+                        skyline: {
+                            defaultDisplayBlock: true,
+                            defaultContentBox: true
+                        }
+                    }
+                },
+                projectConfigJson: {
+                    appid: wechatAppId,
+                    projectname: 'vite-taro-app',
+                    description: '',
+                    compileType: 'miniprogram',
+                    setting: {
+                        skylineRenderEnable: true,
+                        urlCheck: true,
+                        es6: false,
+                        postcss: false,
+                        minified: false,
+                        enhance: false,
+                        uglifyFileName: false,
+                        preloadBackgroundData: false,
+                        newFeature: true,
+                        autoAudits: false,
+                        coverView: true,
+                        showShadowRootInWxmlPanel: false,
+                        scopeDataCheck: false,
+                        useCompilerModule: false
+                    }
+                },
+                sitemapJson: {
+                    rules: [{ action: 'allow', page: '*' }]
+                }
+            })
+        ]
+    }
+})