feat: add support for .jxl (#18855)

yuxi-ovo · sapphi-red · web-flow · commit 57b397c4aa3d · 2025-01-23T13:02:09.000+01:00
Co-authored-by: 翠 / green &lt;green@sapphi.red&gt;
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
   'webp',
   'avif',
   'cur',
 +  'jxl',
   // media
   'mp4',
Original file line number	Diff line number	Diff line change
`@@ -57,6 +57,8 @@ export function registerCustomMime(): void {`
`57`	`57`	`mrmime.mimes['flac'] = 'audio/flac'`
`58`	`58`	`// https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Common_types`
`59`	`59`	`mrmime.mimes['eot'] = 'application/vnd.ms-fontobject'`
	`60`	`+ // https://github.com/lukeed/mrmime/issues/10`
	`61`	`+ mrmime.mimes['jxl'] = 'image/jxl'`
`60`	`62`	`}`
`61`	`63`
`62`	`64`	`export function renderAssetUrlInJS(`