fix(bundler-webpack): allow UPPERCASE file extension (#1642)

Mister-Hope · web-flow · commit f6747421cb36 · 2025-04-10T13:56:06.000+08:00
diff --git a/packages/bundler-webpack/src/build/resolveFileMetaType.ts b/packages/bundler-webpack/src/build/resolveFileMetaType.ts
@@ -10,10 +10,10 @@ export const resolveFileMetaType = (extension: string): FileMetaType => {
   if (extension === 'css') {
     return 'style'
   }
-  if (/jpe?g|png|svg|gif|webp|ico/.test(extension)) {
+  if (/jpe?g|png|svg|gif|webp|ico/i.test(extension)) {
     return 'image'
   }
-  if (/woff2?|ttf|otf|eot/.test(extension)) {
+  if (/woff2?|ttf|otf|eot/i.test(extension)) {
     return 'font'
   }
   // not exhausting all possibilities here, but above covers common cases
diff --git a/packages/bundler-webpack/src/config/handleModuleAssets.ts b/packages/bundler-webpack/src/config/handleModuleAssets.ts
@@ -7,7 +7,7 @@ export const handleModuleAssets = ({ config }: { config: Config }): void => {
   // images
   config.module
     .rule('images')
-    .test(/\.(png|jpe?g|gif|webp)(\?.*)?$/)
+    .test(/\.(png|jpe?g|gif|webp)(\?.*)?$/i)
     .type('asset')
     .generator({
       filename: 'assets/img/[name].[contenthash:8][ext]',
@@ -18,7 +18,7 @@ export const handleModuleAssets = ({ config }: { config: Config }): void => {
   // https://github.com/facebookincubator/create-react-app/pull/1180
   config.module
     .rule('svg')
-    .test(/\.(svg)(\?.*)?$/)
+    .test(/\.(svg)(\?.*)?$/i)
     .type('asset/resource')
     .generator({
       filename: 'assets/img/[name].[contenthash:8][ext]',
@@ -27,7 +27,7 @@ export const handleModuleAssets = ({ config }: { config: Config }): void => {
   // media
   config.module
     .rule('media')
-    .test(/\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/)
+    .test(/\.(mp4|webm|ogg|mp3|wav|flac|aac)(\?.*)?$/i)
     .type('asset/resource')
     .generator({
       filename: 'assets/media/[name].[contenthash:8][ext]',

Original file line number	Diff line number	Diff line change
`@@ -10,10 +10,10 @@ export const resolveFileMetaType = (extension: string): FileMetaType => {`
`10`	`10`	`if (extension === 'css') {`
`11`	`11`	`return 'style'`
`12`	`12`	`}`
`13`		`- if (/jpe?g\|png\|svg\|gif\|webp\|ico/.test(extension)) {`
	`13`	`+ if (/jpe?g\|png\|svg\|gif\|webp\|ico/i.test(extension)) {`
`14`	`14`	`return 'image'`
`15`	`15`	`}`
`16`		`- if (/woff2?\|ttf\|otf\|eot/.test(extension)) {`
	`16`	`+ if (/woff2?\|ttf\|otf\|eot/i.test(extension)) {`
`17`	`17`	`return 'font'`
`18`	`18`	`}`
`19`	`19`	`// not exhausting all possibilities here, but above covers common cases`