fix: #3 修复 windows/mac 的 ENOENT 错误

Author: edwinhuish

README.md

@@ -153,13 +153,17 @@ definePage({
 
 函数
 ```ts
+import type { HelloWorld } from './utils';
+
 definePage(() => {
-  const hello = 'hello';
-  const world = 'world';
+  const words: HelloWorld = {
+    hello: 'hello',
+    world: 'world',
+  };
 
   return {
     style: {
-      navigationBarTitleText: [hello, world].join(' '),
+      navigationBarTitleText: [words.hello, words.world].join(' '),
     },
     middlewares: [
       'auth',
@@ -189,16 +193,16 @@ definePage(() => {
 });
 ```
 
-引入外部函数、变量
+引入外部函数、变量 (***注意：仅支持引入纯 JavaScript 或仅 TypeScript 的类型声明。***)
 ```ts
-import { randamText } from './utils';
+import { parse as yamlParser } from 'yaml';
 
 definePage(() => {
-  return {
-    style: {
-      navigationBarTitleText: randamText(),
-    },
-  };
+  const yml = `
+style:
+  navigationBarTitleText: "yaml test"
+`;
+  return yamlParser(yml);
 });
 ```
 

build.config.ts

@@ -1,5 +1,8 @@
+import process from 'node:process';
 import { defineBuildConfig } from 'unbuild';
 
+const isDev = process.env.NODE_ENV === 'development';
+
 export default defineBuildConfig({
   entries: ['src/index'],
   declaration: true,
@@ -8,9 +11,10 @@ export default defineBuildConfig({
     emitCJS: true,
     inlineDependencies: true,
     esbuild: {
-      minify: true,
+      minify: !isDev,
     },
   },
   externals: ['vite'],
   failOnWarn: false,
+  sourcemap: isDev,
 });

package.json

@@ -46,7 +46,7 @@
     "clean": "rimraf dist",
     "build": "unbuild",
     "stub": "unbuild --stub",
-    "debug": "unbuild --sourcemap && cd playground && pnpm dev:h5",
+    "debug": "cross-env NODE_ENV=development unbuild && cd playground && pnpm dev:h5",
     "watch": "tsup --watch",
     "typecheck": "tsc -p . --noEmit",
     "lint": "eslint .",
@@ -63,7 +63,7 @@
     "debug": "^4.3.4",
     "fast-glob": "^3.3.2",
     "magic-string": "^0.30.8",
-    "tsx": "^4.7.1",
+    "typescript": "^5.4.5",
     "unconfig": "^0.3.11"
   },
   "devDependencies": {
@@ -82,13 +82,13 @@
     "@vue-macros/common": "^1.10.1",
     "ast-walker-scope": "^0.6.1",
     "bumpp": "^9.4.0",
+    "cross-env": "^7.0.3",
     "debug": "^4.3.4",
     "eslint": "^9.17.0",
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "magic-string": "^0.30.8",
     "rimraf": "^5.0.5",
-    "typescript": "^5.4.2",
     "unbuild": "^3.3.1",
     "unconfig": "^0.3.11",
     "unplugin": "^1.10.0",

playground/src/pages/define-page/function.vue

@@ -1,12 +1,15 @@
 <script lang="ts" setup>
-definePage(() => {
-  const hello = 'hello';
+import type { HelloWorld } from './utils';
 
-  const world = 'world';
+definePage(() => {
+  const words: HelloWorld = {
+    hello: 'hello',
+    world: 'world',
+  };
 
   return {
     style: {
-      navigationBarTitleText: [hello, world].join(' '),
+      navigationBarTitleText: [words.hello, words.world].join(' '),
     },
     middlewares: [
       'auth',

playground/src/pages/define-page/import.vue

@@ -1,3 +1,4 @@
-export function randamText() {
-  return Math.random().toString(36).slice(-8);
+export interface HelloWorld {
+  hello: string;
+  world: string;
 }