feat: add support for .jxl (#18855)

Co-authored-by: 翠 / green <[email protected]>
vitejs · Jan 23, 2025 · 57b397c · 57b397c
1 parent c9a4b7a
commit 57b397c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/packages/vite/client.d.ts b/packages/vite/client.d.ts
@@ -106,6 +106,10 @@ declare module '*.cur' {
   const src: string
   export default src
 }
+declare module '*.jxl' {
+  const src: string
+  export default src
+}
 
 // media
 declare module '*.mp4' {

diff --git a/packages/vite/src/node/constants.ts b/packages/vite/src/node/constants.ts
@@ -133,6 +133,7 @@ export const KNOWN_ASSET_TYPES = [
   'webp',
   'avif',
   'cur',
+  'jxl',
 
   // media
   'mp4',

diff --git a/packages/vite/src/node/plugins/asset.ts b/packages/vite/src/node/plugins/asset.ts
@@ -57,6 +57,8 @@ export function registerCustomMime(): void {
   mrmime.mimes['flac'] = 'audio/flac'
   // https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types
   mrmime.mimes['eot'] = 'application/vnd.ms-fontobject'
+  // https://github.com/lukeed/mrmime/issues/10
+  mrmime.mimes['jxl'] = 'image/jxl'
 }
 
 export function renderAssetUrlInJS(
-Original file line number
+Diff line change
@@ Expand Up / @@ -133,6 +133,7 @@ export const KNOWN_ASSET_TYPES = [ @@
       'webp',
       'avif',
       'cur',
+      'jxl',
       // media
       'mp4',
@@ Expand Down @@