fix(vscode): update process handling and add workaround for jiti's babel.cjs (#4951)

Jungzl · web-flow · commit e3298e430172 · 2025-10-15T02:42:16.000Z
diff --git a/packages-integrations/vscode/src/index.ts b/packages-integrations/vscode/src/index.ts
@@ -1,7 +1,6 @@
 import type { FilterPattern } from 'unplugin-utils'
 import type { ExtensionContext, StatusBarItem } from 'vscode'
 import path, { dirname } from 'path'
-import process from 'process'
 import { defaultPipelineExclude, defaultPipelineInclude } from '#integration/defaults'
 import { toArray } from '@unocss/core'
 import { findUp } from 'find-up'
@@ -19,10 +18,6 @@ const skipMap = {
 }
 
 export async function activate(ext: ExtensionContext) {
-  // Neither Jiti2 nor Tsx supports running in VS Code yet
-  // We have to use Jiti1 for now
-  process.env.IMPORTX_LOADER = 'jiti-v1'
-
   log.appendLine(`⚪️ UnoCSS for VS Code v${version}\n`)
 
   const projectPath = workspace.workspaceFolders?.[0].uri.fsPath
diff --git a/packages-integrations/vscode/tsup.config.ts b/packages-integrations/vscode/tsup.config.ts
@@ -1,3 +1,6 @@
+import { copyFile } from 'node:fs/promises'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import { defineConfig } from 'tsup'
 
 export default defineConfig({
@@ -19,4 +22,16 @@ export default defineConfig({
     '.CMD': 'file',
     '.md': 'file',
   },
+  clean: true,
+  onSuccess: async () => {
+    // Copy jiti's babel.cjs to dist/babel.cjs as workaround for https://github.com/unocss/unocss/issues/4944
+    // jiti has hardcoded: require('../dist/babel.cjs') which esbuild cannot resolve correctly
+    // From dist/*.cjs -> ../dist/babel.cjs resolves to dist/babel.cjs
+    const jitiPath = dirname(fileURLToPath(import.meta.resolve('jiti/package.json')))
+    const babelSource = join(jitiPath, 'dist', 'babel.cjs')
+    const babelDest = join(import.meta.dirname, 'dist', 'babel.cjs')
+
+    await copyFile(babelSource, babelDest)
+    console.log('✓ Copied babel.cjs to dist/')
+  },
 })
