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

Author: Mister-Hope

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

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]',