From 0ba81340955b8567eb88547c16480f55ac36be4a Mon Sep 17 00:00:00 2001
From: Alejandro Lembke Barrientos <aleleba@hotmail.com>
Date: Mon, 1 Jun 2026 22:30:11 +0000
Subject: [PATCH] PR-752266: Fix webpack-cli v7 ESM compatibility in webpack
 configs.

---
 webpack.config.dev.ts | 2 +-
 webpack.config.ts     | 6 +++---
 webpack.cy.config.ts  | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/webpack.config.dev.ts b/webpack.config.dev.ts
index 8f801e6..2607366 100644
--- a/webpack.config.dev.ts
+++ b/webpack.config.dev.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import path from 'path';
 import fs from 'fs';
-import { config as envConfig } from './config';
+import { config as envConfig } from './config/index.ts';
 import webpack, { Configuration } from 'webpack';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
diff --git a/webpack.config.ts b/webpack.config.ts
index a609b38..5f32849 100644
--- a/webpack.config.ts
+++ b/webpack.config.ts
@@ -1,6 +1,6 @@
 import path  from 'path';
 import fs from 'fs';
-import { config as envConfig } from './config';
+import { config as envConfig } from './config/index.ts';
 import webpack from 'webpack';
 import CompressionWebpackPlugin from 'compression-webpack-plugin';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
@@ -11,12 +11,12 @@ import { CleanWebpackPlugin } from 'clean-webpack-plugin';
 import ESLintPlugin from 'eslint-webpack-plugin';
 import CopyPlugin from 'copy-webpack-plugin';
 import { resolveTsAliases } from 'resolve-ts-aliases';
+import { InjectManifest } from 'workbox-webpack-plugin';
+import nodeExternals from 'webpack-node-externals';
 
 const ROOT_DIR = path.resolve(__dirname);
 const resolvePath = (...args) => path.resolve(ROOT_DIR, ...args);
 const BUILD_DIR = resolvePath('build');
-const { InjectManifest } = require('workbox-webpack-plugin');
-const nodeExternals = require('webpack-node-externals');
 const alias = resolveTsAliases(path.resolve('tsconfig.json'));
 
 const copyPatterns = [
diff --git a/webpack.cy.config.ts b/webpack.cy.config.ts
index 56b8278..79cdd52 100644
--- a/webpack.cy.config.ts
+++ b/webpack.cy.config.ts
@@ -1,6 +1,6 @@
 import path from 'path';
 import fs from 'fs';
-import { config as envConfig } from './config';
+import { config as envConfig } from './config/index.ts';
 import webpack from 'webpack';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';