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",