From 0cf768f2ef5b9fd34f6e6868b1332384020f6305 Mon Sep 17 00:00:00 2001
From: adityagarg06 <adityagarg2003@gmail.com>
Date: Fri, 26 Jan 2024 12:28:04 +0530
Subject: [PATCH 1/3] Implement Asset Modules in Webpack

---
 webpack/config.dev.js  | 17 +++++++----------
 webpack/config.prod.js | 19 ++++++++-----------
 2 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/webpack/config.dev.js b/webpack/config.dev.js
index feec0d1382..8606ba053c 100644
--- a/webpack/config.dev.js
+++ b/webpack/config.dev.js
@@ -79,32 +79,29 @@ module.exports = {
       },
       {
         test: /\.(mp3)$/,
-        use: 'file-loader'
+        type: 'asset/resource'
       },
       {
         test: /\.(png)$/,
-        use: {
-          loader: 'file-loader',
-          options: {
-            name: '[name].[ext]',
-            outputPath: 'images/'
-          }
+        type: 'asset/resource',
+        generator: {
+          filename: 'images/[name][ext]'
         }
       },
       {
         test: /fonts\/.*\.(eot|ttf|woff|woff2)$/,
-        use: 'file-loader'
+        type: 'asset/resource'
       },
       {
         test: /\.svg$/,
         oneOf: [
           {
             resourceQuery: /byContent/,
-            use: 'raw-loader'
+            type: 'asset/source',
           },
           {
             resourceQuery: /byUrl/,
-            use: 'file-loader'
+            type: 'asset/resource',
           },
           {
             use: {
diff --git a/webpack/config.prod.js b/webpack/config.prod.js
index 23811ed511..abceed6fa4 100644
--- a/webpack/config.prod.js
+++ b/webpack/config.prod.js
@@ -98,32 +98,29 @@ module.exports = {
     },
     {
       test: /\.(png)$/,
-      use: {
-        loader: 'file-loader',
-        options: {
-          name: '[name].[ext]',
-          outputPath: 'images/'
-        }
-      }
+      type: 'asset/resource',
+      generator: {
+         filename: 'images/[name][ext]'
+       }
     },
     {
       test: /\.mp3$/,
-      use: 'file-loader'
+      type: 'asset/resource',
     },
     {
       test: /fonts\/.*\.(eot|ttf|woff|woff2)$/,
-      use: 'file-loader'
+      type: 'asset/resource',
     },
     {
       test: /\.svg$/,
       oneOf: [
         {
           resourceQuery: /byContent/,
-          use: 'raw-loader'
+          type: 'asset/source',
         },
         {
           resourceQuery: /byUrl/,
-          use: 'file-loader'
+          type: 'asset/resource',
         },
         {
           use: {

From e94210195f6d1cefa322c2255a1d9af30f4c8cd4 Mon Sep 17 00:00:00 2001
From: Aditya Garg <104292766+adityagarg06@users.noreply.github.com>
Date: Fri, 26 Jan 2024 23:52:22 +0530
Subject: [PATCH 2/3] Update config.prod.js

---
 webpack/config.prod.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webpack/config.prod.js b/webpack/config.prod.js
index abceed6fa4..7e7725e343 100644
--- a/webpack/config.prod.js
+++ b/webpack/config.prod.js
@@ -100,7 +100,7 @@ module.exports = {
       test: /\.(png)$/,
       type: 'asset/resource',
       generator: {
-         filename: 'images/[name][ext]'
+         filename: 'images/[name].[ext]'
        }
     },
     {

From f106d951e50ce3e60e7706fc844b15f6987c2ab1 Mon Sep 17 00:00:00 2001
From: Aditya Garg <104292766+adityagarg06@users.noreply.github.com>
Date: Fri, 26 Jan 2024 23:52:48 +0530
Subject: [PATCH 3/3] Update config.dev.js

---
 webpack/config.dev.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webpack/config.dev.js b/webpack/config.dev.js
index 8606ba053c..cc405d0a00 100644
--- a/webpack/config.dev.js
+++ b/webpack/config.dev.js
@@ -85,7 +85,7 @@ module.exports = {
         test: /\.(png)$/,
         type: 'asset/resource',
         generator: {
-          filename: 'images/[name][ext]'
+          filename: 'images/[name].[ext]'
         }
       },
       {