wip: enable vite:asset

Author: hi-ogawa

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/server/environments/rolldown.ts

@@ -69,6 +69,7 @@ export function rolldownDevHandleConfig(
         build: {
           modulePreload: false,
           cssCodeSplit: false,
+          assetsInlineLimit: 0,
           rollupOptions: {
             input:
               config.build?.rollupOptions?.input ??
@@ -189,6 +190,7 @@ class RolldownEnvironment extends DevEnvironment {
           'vite:build-metadata',
           'vite:css',
           'vite:css-post',
+          'vite:asset',
         ].includes(p.name) ||
         ['AliasPlugin', 'TransformPlugin', 'LoadFallbackPlugin'].includes(
           p.constructor.name,

playground/rolldown-dev-react/src/app.tsx

@@ -6,6 +6,7 @@ import testAlias from 'test-alias'
 import { throwError } from './error'
 // TODO: hmr
 import './test-style.css'
+import testStyleUrl from './test-style-url.css?url'
 import testStyleInline from './test-style-inline.css?inline'
 
 export function App() {
@@ -25,6 +26,10 @@ export function App() {
         <pre>
           [css] <span className="test-style">orange</span>
         </pre>
+        <link rel="stylesheet" href={testStyleUrl} />
+        <pre>
+          [css?url] <span className="test-style-url">orange</span>
+        </pre>
         <style>{testStyleInline}</style>
         <pre>
           [css?inline] <span className="test-style-inline">orange</span>

playground/rolldown-dev-react/src/test-style-url.css

@@ -0,0 +1,3 @@
+.test-style-url {
+  color: orange;
+}