fix: issue introduced by @vue/babel-plugin-jsx

vuejs/babel-plugin-jsx#687
jeffwcx · Jan 11, 2024 · 1e6c37d · 1e6c37d · vercel · Jan 11, 2024
1 parent 7292825
commit 1e6c37d
Show file tree

Hide file tree

Showing 3 changed files with 60 additions and 43 deletions.
diff --git a/suites/preset-vue/lib/compiler.mjs b/suites/preset-vue/lib/compiler.mjs
diff --git a/suites/preset-vue/package.json b/suites/preset-vue/package.json
@@ -19,7 +19,7 @@
   "scripts": {
     "build": "father build",
     "build:deps": "father prebundle",
-    "build:lib": "tsup",
+    "build:lib": "tsup --minify",
     "dev": "father dev",
     "prepublishOnly": "father doctor && npm run build",
     "test": "vitest"

diff --git a/suites/preset-vue/tsup.config.ts b/suites/preset-vue/tsup.config.ts
@@ -1,3 +1,4 @@
+import fs from 'node:fs';
 import { defineConfig } from 'tsup';
 
 export default defineConfig([
@@ -14,6 +15,22 @@ export default defineConfig([
     external: ['vue/compiler-sfc'],
     dts: true,
     treeshake: true,
-    minify: true,
+    esbuildPlugins: [
+      {
+        name: 'resolve-babel-plugin-jsx',
+        setup(build) {
+          build.onLoad({ filter: /babel-plugin-jsx.*mjs$/ }, async (args) => {
+            const code = await fs.promises.readFile(args.path, 'utf-8');
+            return {
+              loader: 'js',
+              contents: code.replace(
+                'import syntaxJsx from "@babel/plugin-syntax-jsx";',
+                'const syntaxJsx = require("@babel/plugin-syntax-jsx").default;',
+              ),
+            };
+          });
+        },
+      },
+    ],
   },
 ]);