feat(worker): support inlineUrl of worker config

docs/config/worker-options.md

@@ -5,10 +5,17 @@ Options related to Web Workers.
 ## worker.format
 
 - **Type:** `'es' | 'iife'`
-- **Default:** `iife`
+- **Default:** `'iife'`
 
 Output format for worker bundle.
 
+## worker.inlineUrl
+
+- **Type:** `'blob' | 'data'`
+- **Default:** `'blob'`
+
+URL type for inline worker, when setting to `'blob'`, the worker will be loaded as a blob URL with a fallback to data URL. Set to `'data'` to load the worker as a data URL.
+
 ## worker.plugins
 
 - **Type:** [`(Plugin | Plugin[])[]`](./shared-options#plugins)

packages/vite/src/node/config.ts

@@ -250,6 +250,11 @@ export interface UserConfig {
      * @default 'iife'
      */
     format?: 'es' | 'iife'
+    /**
+     * URL type for inline worker
+     * @default 'blob'
+     */
+    inlineUrl?: 'blob' | 'data'
     /**
      * Vite plugins that apply to worker bundle
      */
@@ -315,6 +320,7 @@ export interface LegacyOptions {
 
 export interface ResolveWorkerOptions extends PluginHookUtils {
   format: 'es' | 'iife'
+  inlineUrl: 'blob' | 'data'
   plugins: Plugin[]
   rollupOptions: RollupOptions
 }
@@ -633,6 +639,7 @@ export async function resolveConfig(
   workerConfig = await runConfigHook(workerConfig, workerUserPlugins, configEnv)
   const resolvedWorkerOptions: ResolveWorkerOptions = {
     format: workerConfig.worker?.format || 'iife',
+    inlineUrl: workerConfig.worker?.inlineUrl || 'blob',
     plugins: [],
     rollupOptions: workerConfig.worker?.rollupOptions || {},
     getSortedPlugins: undefined!,

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

@@ -278,7 +278,7 @@ export function webWorkerPlugin(config: ResolvedConfig): Plugin {
 
       // stringified url or `new URL(...)`
       let url: string
-      const { format } = config.worker
+      const { format, inlineUrl } = config.worker
       const workerConstructor =
         query.sharedworker != null ? 'SharedWorker' : 'Worker'
       const workerType = isBuild
@@ -300,7 +300,9 @@ export function webWorkerPlugin(config: ResolvedConfig): Plugin {
             export default function WorkerWrapper() {
               const objURL = blob && (window.URL || window.webkitURL).createObjectURL(blob);
               try {
-                return objURL ? new ${workerConstructor}(objURL) : new ${workerConstructor}("data:application/javascript;base64," + encodedJs${workerOptions});
+                return objURL && ${
+                  inlineUrl === 'blob'
+                } ? new ${workerConstructor}(objURL) : new ${workerConstructor}("data:application/javascript;base64," + encodedJs${workerOptions});
               } finally {
                 objURL && (window.URL || window.webkitURL).revokeObjectURL(objURL);
               }

playground/worker/__tests__/es/es-worker.spec.ts

@@ -75,6 +75,9 @@ describe.runIf(isBuild)('build', () => {
     // inlined
     expect(content).toMatch(`(window.URL||window.webkitURL).createObjectURL`)
     expect(content).toMatch(`window.Blob`)
+    expect(content).toMatch(
+      /try\{return e\?new Worker\(.+\):new Worker\("data:application\/javascript;base64,"\+/,
+    )
   })
 
   test('worker emitted and import.meta.url in nested worker (build)', async () => {

playground/worker/__tests__/inline-url/inline-url-worker.spec.ts

@@ -0,0 +1,19 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { describe, expect, test } from 'vitest'
+import { isBuild, testDir } from '~utils'
+
+describe.runIf(isBuild)('build', () => {
+  // assert correct files
+  test('inlined code generation', async () => {
+    const assetsDir = path.resolve(testDir, 'dist/inline-url/assets')
+    const files = fs.readdirSync(assetsDir)
+    const index = files.find((f) => f.includes('main-module'))
+    const content = fs.readFileSync(path.resolve(assetsDir, index), 'utf-8')
+
+    // inlined
+    expect(content).toMatch(
+      `;try{return new Worker("data:application/javascript;base64,"+`,
+    )
+  })
+})

playground/worker/__tests__/inline-url/vite.config.js

@@ -0,0 +1 @@
+module.exports = require('../../vite.config-inline-url')

playground/worker/package.json

@@ -21,6 +21,9 @@
     "dev:relative-base": "WORKER_MODE=inline vite --config ./vite.config-relative-base.js dev",
     "build:relative-base": "WORKER_MODE=inline vite --config ./vite.config-relative-base.js build",
     "preview:relative-base": "WORKER_MODE=inline vite --config ./vite.config-relative-base.js preview",
+    "dev:inline-url": "vite --config ./vite.config-inline-url.js dev",
+    "build:inline-url": "vite --config ./vite.config-inline-url.js build",
+    "preview:inline-url": "vite --config ./vite.config-inline-url.js preview",
     "debug": "node --inspect-brk ../../packages/vite/bin/vite"
   },
   "dependencies": {

playground/worker/vite.config-inline-url.js

@@ -0,0 +1,5 @@
+const config = require('./vite.config-es')
+config.worker.inlineUrl = 'data'
+config.base = '/inline-url/'
+config.build.outDir = 'dist/inline-url'
+module.exports = config