feat: integrate rolldown hmr-poc

Author: hi-ogawa

packages/vite/package.json

@@ -87,7 +87,8 @@
   "dependencies": {
     "esbuild": "^0.24.0",
     "postcss": "^8.4.49",
-    "rolldown": "0.14.0-snapshot-1cfa47c-20241129015040",
+    "react-refresh": "^0.14.2",
+    "rolldown": "0.13.2-snapshot-a292401-20241105072341",
     "rollup": "^4.23.0"
   },
   "optionalDependencies": {

packages/vite/src/node/config.ts

@@ -99,6 +99,10 @@ import { resolveSSROptions, ssrConfigDefaults } from './ssr'
 import { PartialEnvironment } from './baseEnvironment'
 import { createIdResolver } from './idResolver'
 import { type OxcOptions, convertEsbuildConfigToOxcConfig } from './plugins/oxc'
+import {
+  type RolldownDevOptions,
+  rolldownDevHandleConfig,
+} from './server/environments/rolldown'
 
 const debug = createDebugger('vite:config', { depth: 10 })
 const promisifiedRealpath = promisify(fs.realpath)
@@ -518,6 +522,8 @@ export interface ExperimentalOptions {
    * @default true
    */
   enableNativePlugin?: boolean
+
+  rolldownDev?: RolldownDevOptions
 }
 
 export interface LegacyOptions {
@@ -1158,6 +1164,7 @@ export async function resolveConfig(
   // run config hooks
   const userPlugins = [...prePlugins, ...normalPlugins, ...postPlugins]
   config = await runConfigHook(config, userPlugins, configEnv)
+  config = mergeConfig(config, rolldownDevHandleConfig(config, configEnv))
 
   // Ensure default client and ssr environments
   // If there are present, ensure order { client, ssr, ...custom }

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

@@ -275,7 +275,10 @@ export async function fileToUrl(
   id: string,
 ): Promise<string> {
   const { environment } = pluginContext
-  if (environment.config.command === 'serve') {
+  if (
+    environment.config.command === 'serve' &&
+    !environment.config.experimental.rolldownDev
+  ) {
     return fileToDevUrl(environment, id)
   } else {
     return fileToBuiltUrl(pluginContext, id)

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

@@ -775,7 +775,13 @@ export function buildHtmlPlugin(config: ResolvedConfig): RolldownPlugin {
         tag: 'script',
         attrs: {
           ...(isAsync ? { async: true } : {}),
-          type: 'module',
+          ...(config.experimental.rolldownDev
+            ? {
+                defer: true,
+              }
+            : {
+                type: 'module',
+              }),
           // crossorigin must be set not only for serving assets in a different origin
           // but also to make it possible to preload the script using `<link rel="preload">`.
           // `<script type="module">` used to fetch the script with credential mode `omit`,

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

@@ -45,11 +45,13 @@ export async function resolvePlugins(
   normalPlugins: Plugin[],
   postPlugins: Plugin[],
 ): Promise<Plugin[]> {
+  const rolldownDev = config.experimental.rolldownDev
   const isBuild = config.command === 'build'
   const isWorker = config.isWorker
-  const buildPlugins = isBuild
-    ? await (await import('../build')).resolveBuildPlugins(config)
-    : { pre: [], post: [] }
+  const buildPlugins =
+    isBuild || rolldownDev
+      ? await (await import('../build')).resolveBuildPlugins(config)
+      : { pre: [], post: [] }
   const { modulePreload } = config.build
   const depOptimizationEnabled =
     !isBuild &&
@@ -60,7 +62,7 @@ export async function resolvePlugins(
 
   return [
     depOptimizationEnabled ? optimizedDepsPlugin() : null,
-    isBuild ? metadataPlugin() : null,
+    rolldownDev || isBuild ? metadataPlugin() : null,
     !isWorker ? watchPackageDataPlugin(config.packageCache) : null,
     !isBuild ? preAliasPlugin(config) : null,
     enableNativePlugin
@@ -123,9 +125,18 @@ export async function resolvePlugins(
     htmlInlineProxyPlugin(config),
     cssPlugin(config),
     config.oxc !== false
-      ? enableNativePlugin
-        ? nativeTransformPlugin()
-        : oxcPlugin(config)
+      ? rolldownDev
+        ? perEnvironmentPlugin(
+            'native:transform',
+            (environment) =>
+              nativeTransformPlugin({
+                reactRefresh:
+                  environment.name === 'client' && rolldownDev?.reactRefresh,
+              }) as unknown as Plugin,
+          )
+        : enableNativePlugin
+          ? nativeTransformPlugin()
+          : oxcPlugin(config)
       : null,
     enableNativePlugin
       ? nativeJsonPlugin({
@@ -146,7 +157,7 @@ export async function resolvePlugins(
     enableNativePlugin ? nativeWasmFallbackPlugin() : wasmFallbackPlugin(),
     definePlugin(config),
     cssPostPlugin(config),
-    isBuild && buildHtmlPlugin(config),
+    (rolldownDev || isBuild) && buildHtmlPlugin(config),
     workerImportMetaUrlPlugin(config),
     assetImportMetaUrlPlugin(config),
     ...buildPlugins.pre,