@workleap/webpack-configs 1.5.2 → 1.5.4

package/dist/transformers/plugins.js

@@ -1 +1,69 @@
-export { addAfterPlugin, addBeforePlugin, findPlugin, matchConstructorName, removePlugin, replacePlugin } from '../chunk-JPURRV2F.js';
+
+;// CONCATENATED MODULE: ./src/transformers/plugins.ts?__rslib_entry__
+function matchConstructorName(name) {
+    const matcher = (plugin)=>{
+        return plugin?.constructor.name === name;
+    };
+    // Add contextual information about the matcher for debugging.
+    matcher.info = {
+        type: matchConstructorName.name,
+        value: name
+    };
+    return matcher;
+}
+function findPlugin(config, matcher) {
+    const matches = [];
+    config.plugins?.forEach((x, index, array)=>{
+        if (matcher(x, index, array)) {
+            matches.push({
+                plugin: x,
+                index
+            });
+        }
+    });
+    if (matches.length > 1) {
+        const matcherInfo = matcher.info;
+        throw new Error(`[webpack-configs] Found more than 1 matching plugin.\n[webp-configs] Matcher: "${JSON.stringify(matcherInfo)}"\n[webpack-configs] Matches: "${JSON.stringify(matches.map((x)=>x.plugin))}"`);
+    }
+    return matches[0];
+}
+function replacePlugin(config, matcher, newPlugin) {
+    const match = findPlugin(config, matcher);
+    if (match) {
+        config.plugins[match.index] = newPlugin;
+    } else {
+        const matcherInfo = matcher.info;
+        throw new Error(`[webpack-configs] Couldn't replace the plugin because no match has been found.\n[webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
+    }
+}
+function addBeforePlugin(config, matcher, newPlugins) {
+    const match = findPlugin(config, matcher);
+    if (match) {
+        config.plugins?.splice(match.index, 0, ...newPlugins);
+    } else {
+        const matcherInfo = matcher.info;
+        throw new Error(`[webpack-configs] Couldn't add the new plugins because no match has been found.\n[webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
+    }
+}
+function addAfterPlugin(config, matcher, newPlugins) {
+    const match = findPlugin(config, matcher);
+    if (match) {
+        config.plugins?.splice(match.index + 1, 0, ...newPlugins);
+    } else {
+        const matcherInfo = matcher.info;
+        throw new Error(`[webpack-configs] Couldn't add the new plugins because no match has been found.\n[webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
+    }
+}
+function removePlugin(config, matcher) {
+    const countBefore = config.plugins?.length ?? 0;
+    config.plugins = config.plugins?.filter((...args)=>!matcher(...args));
+    const countAfter = config.plugins?.length ?? 0;
+    if (countBefore === countAfter) {
+        const matcherInfo = matcher.info;
+        throw new Error(`[webpack-configs] Didn't remove any plugin because no match has been found.\n[webpack-configs] Matcher: "${JSON.stringify(matcherInfo)}"`);
+    }
+}
+
+export { addAfterPlugin, addBeforePlugin, findPlugin, matchConstructorName, removePlugin, replacePlugin };
+
+//# sourceMappingURL=plugins.js.map

package/dist/transformers/plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformers/plugins.js","sources":["webpack://@workleap/webpack-configs/./src/transformers/plugins.ts"],"sourcesContent":["import type { WebpackConfig } from \"../types.ts\";\n\nexport type WebpackPlugin = NonNullable<WebpackConfig[\"plugins\"]>[number];\n\nexport type PluginMatcher = (plugin: WebpackPlugin, index: number, array: WebpackPlugin[]) => boolean;\n\nexport type WithPluginMatcherInfo = {\n    info: {\n        type: string;\n        value: string;\n    };\n} & PluginMatcher;\n\nexport function matchConstructorName(name: string): PluginMatcher {\n    const matcher: WithPluginMatcherInfo = plugin => {\n        return plugin?.constructor.name === name;\n    };\n\n    // Add contextual information about the matcher for debugging.\n    matcher.info = {\n        type: matchConstructorName.name,\n        value: name\n    };\n\n    return matcher;\n}\n\nexport interface PluginMatch {\n    plugin: WebpackPlugin;\n    index: number;\n}\n\nexport function findPlugin(config: WebpackConfig, matcher: PluginMatcher) {\n    const matches: PluginMatch[] = [];\n\n    config.plugins?.forEach((x, index, array) => {\n        if (matcher(x, index, array)) {\n            matches.push({\n                plugin: x,\n                index\n            });\n        }\n    });\n\n    if (matches.length > 1) {\n        const matcherInfo = (matcher as WithPluginMatcherInfo).info;\n\n        throw new Error(`[webpack-configs] Found more than 1 matching plugin.\\n[webp-configs] Matcher: \"${JSON.stringify(matcherInfo)}\"\\n[webpack-configs] Matches: \"${JSON.stringify(matches.map(x => x.plugin))}\"`);\n    }\n\n    return matches[0];\n}\n\nexport function replacePlugin(config: WebpackConfig, matcher: PluginMatcher, newPlugin: WebpackPlugin) {\n    const match = findPlugin(config, matcher);\n\n    if (match) {\n        config.plugins![match.index] = newPlugin;\n    } else {\n        const matcherInfo = (matcher as WithPluginMatcherInfo).info;\n\n        throw new Error(`[webpack-configs] Couldn't replace the plugin because no match has been found.\\n[webpack-configs] Matcher: \"${JSON.stringify(matcherInfo)}\"`);\n    }\n}\n\nexport function addBeforePlugin(config: WebpackConfig, matcher: PluginMatcher, newPlugins: WebpackPlugin[]) {\n    const match = findPlugin(config, matcher);\n\n    if (match) {\n        config.plugins?.splice(match.index, 0, ...newPlugins);\n    } else {\n        const matcherInfo = (matcher as WithPluginMatcherInfo).info;\n\n        throw new Error(`[webpack-configs] Couldn't add the new plugins because no match has been found.\\n[webpack-configs] Matcher: \"${JSON.stringify(matcherInfo)}\"`);\n    }\n}\n\nexport function addAfterPlugin(config: WebpackConfig, matcher: PluginMatcher, newPlugins: WebpackPlugin[]) {\n    const match = findPlugin(config, matcher);\n\n    if (match) {\n        config.plugins?.splice(match.index + 1, 0, ...newPlugins);\n    } else {\n        const matcherInfo = (matcher as WithPluginMatcherInfo).info;\n\n        throw new Error(`[webpack-configs] Couldn't add the new plugins because no match has been found.\\n[webpack-configs] Matcher: \"${JSON.stringify(matcherInfo)}\"`);\n    }\n}\n\nexport function removePlugin(config: WebpackConfig, matcher: PluginMatcher) {\n    const countBefore = config.plugins?.length ?? 0;\n\n    config.plugins = config.plugins?.filter((...args) => !matcher(...args));\n\n    const countAfter = config.plugins?.length ?? 0;\n\n    if (countBefore === countAfter) {\n        const matcherInfo = (matcher as WithPluginMatcherInfo).info;\n\n        throw new Error(`[webpack-configs] Didn't remove any plugin because no match has been found.\\n[webpack-configs] Matcher: \"${JSON.stringify(matcherInfo)}\"`);\n    }\n}\n"],"names":["matchConstructorName","name","matcher","plugin","findPlugin","config","matches","x","index","array","matcherInfo","Error","JSON","replacePlugin","newPlugin","match","addBeforePlugin","newPlugins","addAfterPlugin","removePlugin","countBefore","args","countAfter"],"mappings":";;AAaO,SAASA,qBAAqBC,IAAY;IAC7C,MAAMC,UAAiCC,CAAAA;QACnC,OAAOA,QAAQ,YAAY,SAASF;IACxC;IAEA,8DAA8D;IAC9DC,QAAQ,IAAI,GAAG;QACX,MAAMF,qBAAqB,IAAI;QAC/B,OAAOC;IACX;IAEA,OAAOC;AACX;AAOO,SAASE,WAAWC,MAAqB,EAAEH,OAAsB;IACpE,MAAMI,UAAyB,EAAE;IAEjCD,OAAO,OAAO,EAAE,QAAQ,CAACE,GAAGC,OAAOC;QAC/B,IAAIP,QAAQK,GAAGC,OAAOC,QAAQ;YAC1BH,QAAQ,IAAI,CAAC;gBACT,QAAQC;gBACRC;YACJ;QACJ;IACJ;IAEA,IAAIF,QAAQ,MAAM,GAAG,GAAG;QACpB,MAAMI,cAAeR,QAAkC,IAAI;QAE3D,MAAM,IAAIS,MAAM,CAAC,+EAA+E,EAAEC,KAAK,SAAS,CAACF,aAAa,+BAA+B,EAAEE,KAAK,SAAS,CAACN,QAAQ,GAAG,CAACC,CAAAA,IAAKA,EAAE,MAAM,GAAG,CAAC,CAAC;IAChN;IAEA,OAAOD,OAAO,CAAC,EAAE;AACrB;AAEO,SAASO,cAAcR,MAAqB,EAAEH,OAAsB,EAAEY,SAAwB;IACjG,MAAMC,QAAQX,WAAWC,QAAQH;IAEjC,IAAIa,OAAO;QACPV,OAAO,OAAQ,CAACU,MAAM,KAAK,CAAC,GAAGD;IACnC,OAAO;QACH,MAAMJ,cAAeR,QAAkC,IAAI;QAE3D,MAAM,IAAIS,MAAM,CAAC,4GAA4G,EAAEC,KAAK,SAAS,CAACF,aAAa,CAAC,CAAC;IACjK;AACJ;AAEO,SAASM,gBAAgBX,MAAqB,EAAEH,OAAsB,EAAEe,UAA2B;IACtG,MAAMF,QAAQX,WAAWC,QAAQH;IAEjC,IAAIa,OAAO;QACPV,OAAO,OAAO,EAAE,OAAOU,MAAM,KAAK,EAAE,MAAME;IAC9C,OAAO;QACH,MAAMP,cAAeR,QAAkC,IAAI;QAE3D,MAAM,IAAIS,MAAM,CAAC,6GAA6G,EAAEC,KAAK,SAAS,CAACF,aAAa,CAAC,CAAC;IAClK;AACJ;AAEO,SAASQ,eAAeb,MAAqB,EAAEH,OAAsB,EAAEe,UAA2B;IACrG,MAAMF,QAAQX,WAAWC,QAAQH;IAEjC,IAAIa,OAAO;QACPV,OAAO,OAAO,EAAE,OAAOU,MAAM,KAAK,GAAG,GAAG,MAAME;IAClD,OAAO;QACH,MAAMP,cAAeR,QAAkC,IAAI;QAE3D,MAAM,IAAIS,MAAM,CAAC,6GAA6G,EAAEC,KAAK,SAAS,CAACF,aAAa,CAAC,CAAC;IAClK;AACJ;AAEO,SAASS,aAAad,MAAqB,EAAEH,OAAsB;IACtE,MAAMkB,cAAcf,OAAO,OAAO,EAAE,UAAU;IAE9CA,OAAO,OAAO,GAAGA,OAAO,OAAO,EAAE,OAAO,CAAC,GAAGgB,OAAS,CAACnB,WAAWmB;IAEjE,MAAMC,aAAajB,OAAO,OAAO,EAAE,UAAU;IAE7C,IAAIe,gBAAgBE,YAAY;QAC5B,MAAMZ,cAAeR,QAAkC,IAAI;QAE3D,MAAM,IAAIS,MAAM,CAAC,yGAAyG,EAAEC,KAAK,SAAS,CAACF,aAAa,CAAC,CAAC;IAC9J;AACJ"}

package/dist/types.d.ts

@@ -1 +1 @@
-export { Configuration as WebpackConfig } from 'webpack';
+export type { Configuration as WebpackConfig } from "webpack";

package/dist/types.js

@@ -1 +1,6 @@
-import './chunk-6F4PWJZI.js';
+
+;// CONCATENATED MODULE: ./src/types.ts?__rslib_entry__
+
+
+
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["webpack://@workleap/webpack-configs/./src/types.ts"],"sourcesContent":["export type { Configuration as WebpackConfig } from \"webpack\";\n"],"names":[],"mappings":";;AAA8D"}

package/dist/utils.d.ts

@@ -1,6 +1,4 @@
-declare function isObject(value: any): value is Record<string, unknown>;
-declare function isNull(value: any): value is null;
-declare function isUndefined(value: any): value is undefined;
-declare function isNil(value: any): value is null | undefined;
-
-export { isNil, isNull, isObject, isUndefined };
+export declare function isObject(value: any): value is Record<string, unknown>;
+export declare function isNull(value: any): value is null;
+export declare function isUndefined(value: any): value is undefined;
+export declare function isNil(value: any): value is null | undefined;

package/dist/utils.js

@@ -1 +1,22 @@
-export { isNil, isNull, isObject, isUndefined } from './chunk-2YARCRX5.js';
+
+;// CONCATENATED MODULE: ./src/utils.ts?__rslib_entry__
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isObject(value) {
+    return typeof value === "object" && !Array.isArray(value) && value != null;
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isNull(value) {
+    return value == null;
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isUndefined(value) {
+    return typeof value === "undefined" || value === undefined;
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isNil(value) {
+    return isNull(value) || isUndefined(value);
+}
+
+export { isNil, isNull, isObject, isUndefined };
+
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["webpack://@workleap/webpack-configs/./src/utils.ts"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function isObject(value: any): value is Record<string, unknown> {\n    return typeof value === \"object\" && !Array.isArray(value) && value != null;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function isNull(value: any): value is null {\n    return value == null;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function isUndefined(value: any): value is undefined {\n    return typeof value === \"undefined\" || value === undefined;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function isNil(value: any): value is null | undefined {\n    return isNull(value) || isUndefined(value);\n}\n"],"names":["isObject","value","Array","isNull","isUndefined","undefined","isNil"],"mappings":";;AAAA,8DAA8D;AACvD,SAASA,SAASC,KAAU;IAC/B,OAAO,OAAOA,UAAU,YAAY,CAACC,MAAM,OAAO,CAACD,UAAUA,SAAS;AAC1E;AAEA,8DAA8D;AACvD,SAASE,OAAOF,KAAU;IAC7B,OAAOA,SAAS;AACpB;AAEA,8DAA8D;AACvD,SAASG,YAAYH,KAAU;IAClC,OAAO,OAAOA,UAAU,eAAeA,UAAUI;AACrD;AAEA,8DAA8D;AACvD,SAASC,MAAML,KAAU;IAC5B,OAAOE,OAAOF,UAAUG,YAAYH;AACxC"}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@workleap/webpack-configs",
   "author": "Workleap",
-  "description": "Workleap recommended webpack config.",
-  "version": "1.5.2",
+  "description": "Workleap recommended webpack configurations.",
+  "version": "1.5.4",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/gsoft-inc/wl-web-configs.git",
+    "url": "git+https://github.com/workleap/wl-web-configs.git",
     "directory": "packages/webpack-configs"
   },
   "type": "module",
@@ -22,6 +22,7 @@
     }
   },
   "files": [
+    "src",
     "dist",
     "CHANGELOG.md",
     "README.md"
@@ -39,24 +40,6 @@
       "optional": true
     }
   },
-  "devDependencies": {
-    "@svgr/core": "8.1.0",
-    "@swc/core": "1.10.1",
-    "@swc/helpers": "0.5.15",
-    "@swc/jest": "0.2.37",
-    "@types/jest": "29.5.14",
-    "@types/node": "22.10.1",
-    "@typescript-eslint/parser": "8.18.0",
-    "eslint": "8.57.0",
-    "jest": "29.7.0",
-    "ts-node": "10.9.2",
-    "tsup": "8.3.5",
-    "typescript": "5.5.4",
-    "@workleap/eslint-plugin": "3.2.4",
-    "@workleap/swc-configs": "2.2.3",
-    "@workleap/tsup-configs": "3.0.6",
-    "@workleap/typescript-configs": "3.0.2"
-  },
   "dependencies": {
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
     "@svgr/webpack": "^8.1.0",
@@ -67,12 +50,26 @@
     "react-refresh": "^0.16.0",
     "style-loader": "^4.0.0",
     "swc-loader": "^0.2.6",
-    "terser-webpack-plugin": "^5.3.10"
+    "terser-webpack-plugin": "^5.3.14"
+  },
+  "devDependencies": {
+    "@rsbuild/core": "1.2.19",
+    "@rslib/core": "0.5.4",
+    "@svgr/core": "8.1.0",
+    "@types/node": "22.13.10",
+    "@typescript-eslint/parser": "8.26.1",
+    "eslint": "8.57.0",
+    "typescript": "5.8.2",
+    "vitest": "3.0.9",
+    "@workleap/eslint-plugin": "3.3.1",
+    "@workleap/rslib-configs": "1.0.3",
+    "@workleap/swc-configs": "2.2.5",
+    "@workleap/typescript-configs": "3.0.2"
   },
   "scripts": {
-    "build": "tsup",
+    "build": "rslib build -c rslib.config.ts",
     "eslint": "eslint . --max-warnings=-0 --cache --cache-location node_modules/.cache/eslint",
     "typecheck": "tsc",
-    "test": "jest"
+    "test": "vitest --config vitest.config.ts --no-watch"
   }
 }

package/src/build.ts

@@ -0,0 +1,240 @@
+import type { Config as SvgrOptions } from "@svgr/core";
+import type { Config as SwcConfig } from "@swc/core";
+import HtmlWebpackPlugin from "html-webpack-plugin";
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import { createRequire } from "node:module";
+import path from "node:path";
+import TerserPlugin from "terser-webpack-plugin";
+import webpack from "webpack";
+import { applyTransformers, type WebpackConfigTransformer } from "./transformers/applyTransformers.ts";
+import type { WebpackConfig } from "./types.ts";
+import { isObject } from "./utils.ts";
+
+// Aliases
+const DefinePlugin = webpack.DefinePlugin;
+
+// Using node:module.createRequire until
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import.meta/resolve
+// is available
+const require = createRequire(import.meta.url);
+
+export function defineBuildHtmlWebpackPluginConfig(options: HtmlWebpackPlugin.Options = {}): HtmlWebpackPlugin.Options {
+    const {
+        template = path.resolve("./public/index.html"),
+        ...rest
+    } = options;
+
+    return {
+        ...rest,
+        template
+    };
+}
+
+type MiniCssExtractPluginOptions = NonNullable<ConstructorParameters<typeof MiniCssExtractPlugin>[number]>;
+
+export function defineMiniCssExtractPluginConfig(options: MiniCssExtractPluginOptions = {}): MiniCssExtractPluginOptions {
+    const {
+        filename = "[name].css",
+        ...rest
+    } = options;
+
+    return {
+        ...rest,
+        filename
+    };
+}
+
+export type WebpackOptimization = NonNullable<WebpackConfig["optimization"]>;
+export type OptimizeOption = boolean | "readable";
+
+export function getOptimizationConfig(optimize: OptimizeOption): WebpackOptimization {
+    if (optimize === "readable") {
+        return {
+            minimize: true,
+            minimizer: [
+                new TerserPlugin({
+                    minify: TerserPlugin.swcMinify,
+                    terserOptions: {
+                        toplevel: true,
+                        mangle: false,
+                        keep_classnames: true,
+                        keep_fnames: true,
+                        compress: {
+                            toplevel: true,
+                            hoist_props: false
+                        },
+                        output: {
+                            comments: true
+                        }
+                    }
+                })
+            ],
+            chunkIds: "named",
+            moduleIds: "named",
+            mangleExports: false,
+            mangleWasmImports: false
+        };
+    } else if (optimize) {
+        return {
+            minimize: true,
+            minimizer: [
+                new TerserPlugin({
+                    minify: TerserPlugin.swcMinify
+                })
+            ]
+        };
+    }
+
+    // Doesn't turnoff everything but is good enough to help with debugging scenarios.
+    return {
+        minimize: false,
+        chunkIds: "named",
+        moduleIds: "named",
+        concatenateModules: false,
+        flagIncludedChunks: false,
+        mangleExports: false,
+        mangleWasmImports: false,
+        removeAvailableModules: false,
+        usedExports: false
+    };
+}
+
+export interface DefineBuildConfigOptions {
+    entry?: string;
+    outputPath?: string;
+    publicPath?: `${string}/` | "auto";
+    moduleRules?: NonNullable<WebpackConfig["module"]>["rules"];
+    plugins?: WebpackConfig["plugins"];
+    htmlWebpackPlugin?: boolean | HtmlWebpackPlugin.Options;
+    miniCssExtractPluginOptions?: MiniCssExtractPluginOptions;
+    optimize?: OptimizeOption;
+    cssModules?: boolean;
+    svgr?: boolean | SvgrOptions;
+    environmentVariables?: Record<string, unknown>;
+    transformers?: WebpackConfigTransformer[];
+    verbose?: boolean;
+}
+
+export function defineBuildConfig(swcConfig: SwcConfig, options: DefineBuildConfigOptions = {}) {
+    const {
+        entry = path.resolve("./src/index.tsx"),
+        outputPath = path.resolve("dist"),
+        // The trailing / is very important, otherwise paths will not be resolved correctly.
+        publicPath = "http://localhost:8080/",
+        moduleRules = [],
+        plugins = [],
+        htmlWebpackPlugin = defineBuildHtmlWebpackPluginConfig(),
+        miniCssExtractPluginOptions = defineMiniCssExtractPluginConfig(),
+        optimize = true,
+        cssModules = false,
+        svgr = true,
+        // Using an empty object literal as the default value to ensure
+        // "process.env" is always available.
+        environmentVariables = {},
+        transformers = [],
+        verbose = false
+    } = options;
+
+    const config: WebpackConfig = {
+        mode: "production",
+        target: "web",
+        entry,
+        output: {
+            path: outputPath,
+            filename: "[name].js",
+            publicPath,
+            clean: true,
+            assetModuleFilename: "[name][ext][query]"
+        },
+        optimization: getOptimizationConfig(optimize),
+        infrastructureLogging: verbose ? {
+            appendOnly: true,
+            level: "verbose",
+            debug: /PackFileCache/
+        } : undefined,
+        module: {
+            rules: [
+                {
+                    test: /\.(js|jsx|ts|tsx)$/i,
+                    exclude: /node_modules/,
+                    loader: require.resolve("swc-loader"),
+                    options: swcConfig
+                },
+                {
+                    // https://stackoverflow.com/questions/69427025/programmatic-webpack-jest-esm-cant-resolve-module-without-js-file-exten
+                    test: /\.js$/i,
+                    include: /node_modules/,
+                    resolve: {
+                        fullySpecified: false
+                    }
+                },
+                {
+                    test: /\.css$/i,
+                    use: [
+                        { loader: MiniCssExtractPlugin.loader },
+                        {
+                            loader: require.resolve("css-loader"),
+                            options: cssModules
+                                ? {
+                                    // Must match the number of loaders applied before this one.
+                                    importLoaders: 1,
+                                    modules: true
+                                }
+                                : undefined
+                        },
+                        { loader: require.resolve("postcss-loader") }
+                    ]
+                },
+                ...(svgr
+                    ? [
+                        {
+                            test: /\.svg$/i,
+                            loader: require.resolve("@svgr/webpack"),
+                            options: isObject(svgr) ? svgr : undefined
+                        },
+                        {
+                            test: /\.(png|jpe?g|gif)$/i,
+                            type: "asset/resource"
+                        }
+                    ]
+                    : [
+                        {
+                            test: /\.(png|jpe?g|gif|svg)$/i,
+                            type: "asset/resource"
+                        }
+                    ]),
+                ...moduleRules
+            ]
+        },
+        resolve: {
+            extensions: [".js", ".jsx", ".ts", ".tsx", ".css"],
+            alias: {
+                // Fixes Module not found: Error: Can't resolve '@swc/helpers/_/_class_private_field_init'.
+                // View https://github.com/vercel/next.js/pull/38174 for more information and https://github.com/vercel/next.js/issues/48593.
+                "@swc/helpers": path.dirname(require.resolve("@swc/helpers/package.json"))
+            }
+        },
+        plugins: [
+            htmlWebpackPlugin && new HtmlWebpackPlugin(isObject(htmlWebpackPlugin) ? htmlWebpackPlugin : defineBuildHtmlWebpackPluginConfig()),
+            new MiniCssExtractPlugin(miniCssExtractPluginOptions),
+            // Stringify the environment variables because the plugin does a direct text replacement. Otherwise, "production" would become production
+            // after replacement and cause an undefined var error because the production var doesn't exist.
+            // For more information, view: https://webpack.js.org/plugins/define-plugin.
+            new DefinePlugin({
+                "process.env": Object.keys(environmentVariables).reduce((acc, key) => {
+                    acc[key] = JSON.stringify(environmentVariables[key]);
+
+                    return acc;
+                }, {} as Record<string, string>)
+            }),
+            ...plugins
+        ].filter(Boolean) as WebpackConfig["plugins"]
+    };
+
+    const transformedConfig = applyTransformers(config, transformers, {
+        environment: "build",
+        verbose
+    });
+
+    return transformedConfig;
+}