feat: oxc tranformer (#60)

Co-authored-by: IWANABETHATGUY <iwanabethatguy@qq.com>

Author: 2 people

packages/vite/rollup.dts.config.ts

@@ -17,6 +17,7 @@ const external = [
   /^node:*/,
   /^vite\//,
   'rollup/parseAst',
+  'rolldown/experimental',
   ...Object.keys(pkg.dependencies),
   // lightningcss types are bundled
   ...Object.keys(pkg.devDependencies).filter((d) => d !== 'lightningcss'),
@@ -52,6 +53,9 @@ const identifierReplacements: Record<string, Record<string, string>> = {
     TransformPluginContext$1: 'rolldown.TransformPluginContext',
     TransformResult$2: 'rolldown.TransformResult',
   },
+  'rolldown/experimental': {
+    TransformOptions$2: 'rolldown_experimental_TransformOptions',
+  },
   esbuild: {
     TransformResult$1: 'esbuild_TransformResult',
     TransformOptions$1: 'esbuild_TransformOptions',

packages/vite/src/node/__tests__/plugins/import.spec.ts

@@ -73,9 +73,13 @@ describe('transformCjsImport', () => {
         '',
         config,
       ),
-    ).toBe(
-      'import __vite__cjsImport0_react from "./node_modules/.vite/deps/react.js"; ' +
-        `const react = ((m) => m?.__esModule ? m : { ...typeof m === "object" && !Array.isArray(m) || typeof m === "function" ? m : {}, default: m })(__vite__cjsImport0_react)`,
+    ).toMatchInlineSnapshot(
+      `
+      "import __vite__cjsImport0_react from "./node_modules/.vite/deps/react.js"; const react = ((m) => m?.__esModule ? m : {
+      	...typeof m === "object" && !Array.isArray(m) || typeof m === "function" ? m : {},
+      	default: m
+      })(__vite__cjsImport0_react)"
+    `,
     )
   })
 

packages/vite/src/node/config.ts

@@ -88,6 +88,7 @@ import type { ResolvedSSROptions, SSROptions } from './ssr'
 import { resolveSSROptions } from './ssr'
 import { PartialEnvironment } from './baseEnvironment'
 import { createIdResolver } from './idResolver'
+import { type OxcOptions, convertEsbuildConfigToOxcConfig } from './plugins/oxc'
 
 const debug = createDebugger('vite:config')
 const promisifiedRealpath = promisify(fs.realpath)
@@ -339,6 +340,11 @@ export interface UserConfig extends DefaultEnvironmentOptions {
    * Or set to `false` to disable esbuild.
    */
   esbuild?: ESBuildOptions | false
+  /**
+   * Transform options to pass to esbuild.
+   * Or set to `false` to disable esbuild.
+   */
+  oxc?: OxcOptions | false
   /**
    * Specify additional picomatch patterns to be treated as static assets.
    */
@@ -569,7 +575,8 @@ export type ResolvedConfig = Readonly<
     }
     plugins: readonly Plugin[]
     css: ResolvedCSSOptions
-    esbuild: ESBuildOptions | false
+    // esbuild: ESBuildOptions | false
+    oxc: OxcOptions | false
     server: ResolvedServerOptions
     dev: ResolvedDevEnvironmentOptions
     builder: ResolvedBuilderOptions
@@ -1305,6 +1312,18 @@ export async function resolveConfig(
 
   const base = withTrailingSlash(resolvedBase)
 
+  let oxc: OxcOptions | false | undefined = config.oxc
+
+  if (config.esbuild) {
+    if (config.oxc) {
+      logger.warn(
+        `Found esbuild and oxc options, will use oxc and ignore esbuild at transformer.`,
+      )
+    } else {
+      oxc = convertEsbuildConfigToOxcConfig(config.esbuild, logger)
+    }
+  }
+
   resolved = {
     configFile: configFile ? normalizePath(configFile) : undefined,
     configFileDependencies: configFileDependencies.map((name) =>
@@ -1325,13 +1344,18 @@ export async function resolveConfig(
     isProduction,
     plugins: userPlugins, // placeholder to be replaced
     css: resolveCSSOptions(config.css),
-    esbuild:
-      config.esbuild === false
+    oxc:
+      oxc === false
         ? false
         : {
-            jsxDev: !isProduction,
-            ...config.esbuild,
+            ...oxc,
+            jsx: {
+              development: !isProduction,
+              ...oxc?.jsx,
+            },
           },
+    // preserve esbuild for buildEsbuildPlugin
+    esbuild: config.esbuild,
     server,
     builder,
     preview: resolvePreviewOptions(config.preview, server),

packages/vite/src/node/optimizer/index.ts

@@ -28,9 +28,10 @@ import {
   unique,
 } from '../utils'
 import { transformWithEsbuild } from '../plugins/esbuild'
-import { ESBUILD_MODULES_TARGET, METADATA_FILENAME } from '../constants'
+import { METADATA_FILENAME } from '../constants'
 import { isWindows } from '../../shared/utils'
 import type { Environment } from '../environment'
+import { transformWithOxc } from '../plugins/oxc'
 import { ScanEnvironment, scanImports } from './scan'
 import { createOptimizeDepsIncludeResolver, expandGlobIds } from './resolve'
 import {
@@ -765,12 +766,9 @@ async function prepareRolldownOptimizerRun(
     name: 'optimizer-transform',
     async transform(code, id) {
       if (/\.(?:m?[jt]s|[jt]sx)$/.test(id)) {
-        const result = await transformWithEsbuild(code, id, {
+        const result = await transformWithOxc(this, code, id, {
           sourcemap: true,
-          sourcefile: id,
-          loader: jsxLoader && /\.js$/.test(id) ? 'jsx' : undefined,
-          define,
-          target: ESBUILD_MODULES_TARGET,
+          lang: jsxLoader && /\.js$/.test(id) ? 'jsx' : undefined,
         })
         return {
           code: result.code,
@@ -787,6 +785,7 @@ async function prepareRolldownOptimizerRun(
       input: flatIdDeps,
       logLevel: 'warn',
       plugins,
+      define,
       platform,
       resolve: {
         // TODO: set aliasFields, conditionNames depending on `platform`

packages/vite/src/node/plugins/esbuild.ts

@@ -43,7 +43,11 @@ export const defaultEsbuildSupported = {
 
 // TODO: rework to avoid caching the server for this module.
 // If two servers are created in the same process, they will interfere with each other.
-let server: ViteDevServer
+let server: ViteDevServer | null
+
+export function setServer(s: ViteDevServer | null): void {
+  server = s
+}
 
 export interface ESBuildOptions extends TransformOptions {
   include?: string | RegExp | string[] | RegExp[]
@@ -253,16 +257,16 @@ export function esbuildPlugin(config: ResolvedConfig): Plugin {
 
   return {
     name: 'vite:esbuild',
-    configureServer(_server) {
-      server = _server
+    configureServer(server) {
+      setServer(server)
       server.watcher
         .on('add', reloadOnTsconfigChange)
         .on('change', reloadOnTsconfigChange)
         .on('unlink', reloadOnTsconfigChange)
     },
     buildEnd() {
       // recycle serve to avoid preventing Node self-exit (#6815)
-      server = null as any
+      setServer(null)
     },
     async transform(code, id) {
       if (filter(id) || filter(cleanUrl(id))) {
@@ -477,7 +481,9 @@ export async function loadTsconfigJsonForFile(
   }
 }
 
-async function reloadOnTsconfigChange(changedFile: string) {
+export async function reloadOnTsconfigChange(
+  changedFile: string,
+): Promise<void> {
   // server could be closed externally after a file change is detected
   if (!server) return
   // any tsconfig.json that's added in the workspace could be closer to a code file than a previously cached one

packages/vite/src/node/plugins/index.ts

@@ -18,7 +18,6 @@ import { getFsUtils } from '../fsUtils'
 import { jsonPlugin } from './json'
 import { filteredResolvePlugin, resolvePlugin } from './resolve'
 import { optimizedDepsPlugin } from './optimizedDeps'
-import { esbuildPlugin } from './esbuild'
 import { importAnalysisPlugin } from './importAnalysis'
 import { cssAnalysisPlugin, cssPlugin, cssPostPlugin } from './css'
 import { assetPlugin } from './asset'
@@ -34,6 +33,7 @@ import { assetImportMetaUrlPlugin } from './assetImportMetaUrl'
 import { metadataPlugin } from './metadata'
 import { dynamicImportVarsPlugin } from './dynamicImportVars'
 import { importGlobPlugin } from './importMetaGlob'
+import { oxcPlugin } from './oxc'
 
 export async function resolvePlugins(
   config: ResolvedConfig,
@@ -111,10 +111,10 @@ export async function resolvePlugins(
         ),
     htmlInlineProxyPlugin(config),
     cssPlugin(config),
-    config.esbuild !== false
+    config.oxc !== false
       ? enableNativePlugin
         ? nativeTransformPlugin()
-        : esbuildPlugin(config)
+        : oxcPlugin(config)
       : null,
     enableNativePlugin
       ? nativeJsonPlugin({