refactor: remove file-loader and url-loader deps (#4951)

Author: snitin315

examples/default/webpack.config.js

@@ -1,27 +1,16 @@
 "use strict";
 
-const { version } = require("webpack");
 // our setup function adds behind-the-scenes bits to the config that all of our
 // examples need
 const { setup } = require("../util");
 
-let moduleRuleForPNG = {};
-
-if (version.startsWith("5")) {
-  moduleRuleForPNG = {
-    test: /\.png$/,
-    type: "asset/resource",
-    generator: {
-      filename: "images/[hash][ext][query]",
-    },
-  };
-} else {
-  moduleRuleForPNG = {
-    test: /\.png$/,
-    loader: "file-loader",
-    options: { prefix: "img/" },
-  };
-}
+const moduleRuleForPNG = {
+  test: /\.png$/,
+  type: "asset/resource",
+  generator: {
+    filename: "images/[hash][ext][query]",
+  },
+};
 
 module.exports = setup({
   context: __dirname,

examples/general/config-array/webpack.config.js

@@ -1,29 +1,16 @@
 "use strict";
 
-const { version } = require("webpack");
 // our setup function adds behind-the-scenes bits to the config that all of our
 // examples need
 const { setup } = require("../../util");
 
-const isWebpack5 = version.startsWith("5");
-
-let moduleRuleForPNG = {};
-
-if (isWebpack5) {
-  moduleRuleForPNG = {
-    test: /\.png$/,
-    type: "asset/resource",
-    generator: {
-      filename: "images/[hash][ext][query]",
-    },
-  };
-} else {
-  moduleRuleForPNG = {
-    test: /\.png$/,
-    loader: "file-loader",
-    options: { prefix: "img/" },
-  };
-}
+const moduleRuleForPNG = {
+  test: /\.png$/,
+  type: "asset/resource",
+  generator: {
+    filename: "images/[hash][ext][query]",
+  },
+};
 
 module.exports = [
   setup({
@@ -53,19 +40,13 @@ module.exports = [
           test: /\.less$/,
           use: ["style-loader", "css-loader", "less-loader"],
         },
-        isWebpack5
-          ? {
-              test: /\.png$/,
-              type: "asset/resource",
-              generator: {
-                filename: "images/[hash][ext][query]",
-              },
-            }
-          : {
-              test: /\.png$/,
-              loader: "url-loader",
-              options: { limit: 100000 },
-            },
+        {
+          test: /\.png$/,
+          type: "asset/resource",
+          generator: {
+            filename: "images/[hash][ext][query]",
+          },
+        },
       ],
     },
     optimization: {

package-lock.json

@@ -103,7 +103,6 @@
     "eslint-config-webpack": "^1.2.5",
     "eslint-plugin-import": "^2.23.2",
     "execa": "^5.1.1",
-    "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.3",
     "http-proxy": "^1.18.1",
     "jest": "^29.5.0",
@@ -127,7 +126,6 @@
     "supertest": "^6.1.3",
     "tcp-port-used": "^1.0.2",
     "typescript": "^4.9.3",
-    "url-loader": "^4.1.1",
     "wait-for-expect": "^3.0.2",
     "webpack": "^5.88.1",
     "webpack-cli": "^5.0.1",