feat: 为 H5 实现初始化 pages.json 的能力

Author: KeJunMao

packages/core/src/constant.ts

@@ -4,3 +4,4 @@ export const RESOLVED_MODULE_ID_VIRTUAL = `\0${MODULE_ID_VIRTUAL}`
 export const OUTPUT_NAME = 'pages.json'
 
 export const FILE_EXTENSIONS = ['vue', 'nvue', 'uvue']
+export const EMPTY_PAGES_JSON_CONTENTS = '{ "pages": [{ "path": "" }] }'

packages/core/src/files.ts

@@ -2,7 +2,8 @@ import type { ResolvedOptions } from './types'
 import fs from 'node:fs'
 import fg from 'fast-glob'
 
-import { FILE_EXTENSIONS } from './constant'
+import { normalizePath } from 'vite'
+import { EMPTY_PAGES_JSON_CONTENTS, FILE_EXTENSIONS } from './constant'
 import { extsToGlob } from './utils'
 
 /**
@@ -27,9 +28,9 @@ export function getPageFiles(path: string, options: ResolvedOptions): string[] {
  * @param path - 要检查的文件路径
  * @returns Promise<void> - 无返回值的异步函数
  */
-export async function checkPagesJsonFile(path: fs.PathLike): Promise<boolean> {
+export async function checkPagesJsonFile(path: fs.PathLike, contents: string = EMPTY_PAGES_JSON_CONTENTS): Promise<boolean> {
   const createEmptyFile = (path: fs.PathLike) => {
-    return fs.promises.writeFile(path, JSON.stringify({ pages: [{ path: '' }] }, null, 2), { encoding: 'utf-8' }).then(() => true).catch(() => false)
+    return fs.promises.writeFile(path, contents, { encoding: 'utf-8' }).then(() => true).catch(() => false)
   }
 
   const unlink = (path: fs.PathLike) => {
@@ -65,3 +66,18 @@ export async function checkPagesJsonFile(path: fs.PathLike): Promise<boolean> {
     return createEmptyFile(path) // 创建空文件
   }
 }
+
+export function setupPagesJsonFile(path: string) {
+  const _readFileSync = fs.readFileSync
+  fs.readFileSync = new Proxy(fs.readFileSync, {
+    apply(target, thisArg, argArray) {
+      if (typeof argArray[0] === 'string' && normalizePath(argArray[0]) === normalizePath(path)) {
+        checkPagesJsonFile(path).then(() => {
+          fs.readFileSync = _readFileSync
+        })
+        return EMPTY_PAGES_JSON_CONTENTS
+      }
+      return Reflect.apply(target, thisArg, argArray)
+    },
+  })
+}

packages/core/src/index.ts

@@ -3,6 +3,7 @@ import type { Plugin } from 'vite'
 import type { UserOptions } from './types'
 import path from 'node:path'
 import process from 'node:process'
+import { isH5 } from '@uni-helper/uni-env'
 import { babelParse } from 'ast-kit'
 import chokidar from 'chokidar'
 import { bold, dim, lightYellow, link } from 'kolorist'
@@ -15,7 +16,7 @@ import {
   RESOLVED_MODULE_ID_VIRTUAL,
 } from './constant'
 import { PageContext } from './context'
-import { checkPagesJsonFile } from './files'
+import { setupPagesJsonFile } from './files'
 import { findMacro, parseSFC } from './page'
 
 export * from './config'
@@ -37,7 +38,9 @@ export async function VitePluginUniPages(userOptions: UserOptions = {}): Promise
     userOptions.outDir ?? 'src',
     OUTPUT_NAME,
   )
-  await checkPagesJsonFile(resolvedPagesJSONPath)
+  if (isH5) {
+    setupPagesJsonFile(resolvedPagesJSONPath)
+  }
 
   return {
     name: 'vite-plugin-uni-pages',