wip: support assets

Author: sapphi-red

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

@@ -237,20 +237,24 @@ export function assetPlugin(config: ResolvedConfig): Plugin {
       },
     },
 
-    renderChunk(code, chunk, opts) {
-      const s = renderAssetUrlInJS(this, chunk, opts, code)
-
-      if (s) {
-        return {
-          code: s.toString(),
-          map: this.environment.config.build.sourcemap
-            ? s.generateMap({ hires: 'boundary' })
-            : null,
+    ...(config.command === 'build'
+      ? {
+          renderChunk(code, chunk, opts) {
+            const s = renderAssetUrlInJS(this, chunk, opts, code)
+
+            if (s) {
+              return {
+                code: s.toString(),
+                map: this.environment.config.build.sourcemap
+                  ? s.generateMap({ hires: 'boundary' })
+                  : null,
+              }
+            } else {
+              return null
+            }
+          },
         }
-      } else {
-        return null
-      }
-    },
+      : {}),
 
     generateBundle(_, bundle) {
       // Remove empty entry point file
@@ -308,7 +312,7 @@ export async function fileToUrl(
   id: string,
 ): Promise<string> {
   const { environment } = pluginContext
-  if (environment.config.command === 'serve') {
+  if (!environment.config.isBundled) {
     return fileToDevUrl(environment, id)
   } else {
     return fileToBuiltUrl(pluginContext, id)
@@ -457,7 +461,23 @@ async function fileToBuiltUrl(
       postfix = postfix.replace(noInlineRE, '').replace(/^&/, '?')
     }
 
-    url = `__VITE_ASSET__${referenceId}__${postfix ? `$_${postfix}__` : ``}`
+    if (environment.config.experimental.fullBundleMode) {
+      const outputFilename = pluginContext.getFileName(referenceId)
+      const outputUrl = toOutputFilePathInJS(
+        environment,
+        outputFilename,
+        'asset',
+        'assets/dummy.js',
+        'js',
+        () => {
+          throw new Error('unreachable')
+        },
+      )
+      if (typeof outputUrl === 'object') throw new Error('not supported')
+      url = outputUrl
+    } else {
+      url = `__VITE_ASSET__${referenceId}__${postfix ? `$_${postfix}__` : ``}`
+    }
   }
 
   cache.set(id, url)

packages/vite/src/node/server/environments/fullBundleEnvironment.ts

@@ -236,6 +236,20 @@ export class FullBundleDevEnvironment extends DevEnvironment {
 
     rolldownOptions.treeshake = false
 
+    // set filenames to make output paths predictable so that `renderChunk` hook does not need to be used
+    if (Array.isArray(rolldownOptions.output)) {
+      for (const output of rolldownOptions.output) {
+        output.entryFileNames = 'assets/[name].js'
+        output.chunkFileNames = 'assets/[name]-[hash].js'
+        output.assetFileNames = 'assets/[name]-[hash][extname]'
+      }
+    } else {
+      rolldownOptions.output ??= {}
+      rolldownOptions.output.entryFileNames = 'assets/[name].js'
+      rolldownOptions.output.chunkFileNames = 'assets/[name]-[hash].js'
+      rolldownOptions.output.assetFileNames = 'assets/[name]-[hash][extname]'
+    }
+
     return rolldownOptions
   }