From b0cba07f671048b92198668dfaf5bd73acc2cdc7 Mon Sep 17 00:00:00 2001
From: Sergey Krylov <ksv741@mail.ru>
Date: Fri, 29 Mar 2024 06:42:23 +0300
Subject: [PATCH] fix: fix loading loaders

---
 src/loaders/main-loaders/babel-loader/index.ts   | 2 +-
 src/loaders/main-loaders/esbuild-loader/index.ts | 2 +-
 src/loaders/main-loaders/swc-loader/index.ts     | 2 +-
 src/loaders/main-loaders/ts-loader/index.ts      | 2 +-
 src/loaders/style-loaders/css-loader/index.ts    | 6 +++---
 src/loaders/style-loaders/sass-loader/index.ts   | 2 +-
 src/loaders/svg-loaders/svgr-loader/index.ts     | 2 +-
 7 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/loaders/main-loaders/babel-loader/index.ts b/src/loaders/main-loaders/babel-loader/index.ts
index 1f2e4c6..8057d53 100644
--- a/src/loaders/main-loaders/babel-loader/index.ts
+++ b/src/loaders/main-loaders/babel-loader/index.ts
@@ -15,7 +15,7 @@ const getBabelLoader = (options: WebpackOptions): webpack.RuleSetRule | null =>
 
   return {
     test: /\.[j|t]sx?$/,
-    loader: 'babel-loader',
+    loader: require.resolve('babel-loader'),
     options: {
       ...babelLoader,
       presets: [
diff --git a/src/loaders/main-loaders/esbuild-loader/index.ts b/src/loaders/main-loaders/esbuild-loader/index.ts
index 9b73b18..4d5d239 100644
--- a/src/loaders/main-loaders/esbuild-loader/index.ts
+++ b/src/loaders/main-loaders/esbuild-loader/index.ts
@@ -16,7 +16,7 @@ const getEsbuildLoader = (options: WebpackOptions): webpack.RuleSetRule | null =
 
   return {
     test: /\.[j|t]sx?$/,
-    loader: 'esbuild-loader',
+    loader: require.resolve('esbuild-loader'),
     options: {
       loader: 'tsx',
       jsx: 'automatic',
diff --git a/src/loaders/main-loaders/swc-loader/index.ts b/src/loaders/main-loaders/swc-loader/index.ts
index 4be369f..50af4e0 100644
--- a/src/loaders/main-loaders/swc-loader/index.ts
+++ b/src/loaders/main-loaders/swc-loader/index.ts
@@ -20,7 +20,7 @@ const getSwcLoader = (options: WebpackOptions): webpack.RuleSetRule | null => {
   return {
     test: /\.[j|t]sx?$/,
     exclude: /(node_modules|bower_components)/,
-    loader: 'swc-loader',
+    loader: require.resolve('swc-loader'),
     options: {
       ...swcLoader,
       sync: true,
diff --git a/src/loaders/main-loaders/ts-loader/index.ts b/src/loaders/main-loaders/ts-loader/index.ts
index b168364..0719064 100644
--- a/src/loaders/main-loaders/ts-loader/index.ts
+++ b/src/loaders/main-loaders/ts-loader/index.ts
@@ -15,7 +15,7 @@ const getTsLoader = (options: WebpackOptions): webpack.RuleSetRule | null => {
 
   return {
     test: /\.[j|t]sx?$/,
-    loader: 'ts-loader',
+    loader: require.resolve('ts-loader'),
     options: {
       ...tsLoader,
     },
diff --git a/src/loaders/style-loaders/css-loader/index.ts b/src/loaders/style-loaders/css-loader/index.ts
index 6d6b708..eae6df9 100644
--- a/src/loaders/style-loaders/css-loader/index.ts
+++ b/src/loaders/style-loaders/css-loader/index.ts
@@ -23,7 +23,7 @@ const getCssLoader = (options: WebpackOptions): webpack.RuleSetRule => {
         ? styleLoader === 'off'
           ? null
           : {
-            loader: 'style-loader',
+            loader: require.resolve('style-loader'),
             options: styleLoader,
           }
         : miniCssLoader === 'off'
@@ -35,7 +35,7 @@ const getCssLoader = (options: WebpackOptions): webpack.RuleSetRule => {
       cssLoader === 'off'
         ? null
         : {
-          loader: 'css-loader',
+          loader: require.resolve('css-loader'),
           options: {
             sourceMap: isDev,
             ...cssLoader,
@@ -49,7 +49,7 @@ const getCssLoader = (options: WebpackOptions): webpack.RuleSetRule => {
       postCssLoader === 'off'
         ? null
         : {
-          loader: 'postcss-loader',
+          loader: require.resolve('postcss-loader'),
           options: {
             ...postCssLoader,
             postcssOptions: {
diff --git a/src/loaders/style-loaders/sass-loader/index.ts b/src/loaders/style-loaders/sass-loader/index.ts
index 8ba9355..8bc5d69 100644
--- a/src/loaders/style-loaders/sass-loader/index.ts
+++ b/src/loaders/style-loaders/sass-loader/index.ts
@@ -21,7 +21,7 @@ const getSassLoader = (options: WebpackOptions): webpack.RuleSetRule | null => {
       // @ts-ignore
       ...getCssLoader(options).use,
       {
-        loader: 'sass-loader',
+        loader: require.resolve('sass-loader'),
         options: {
           sourceMap: isDev,
           ...sassLoader,
diff --git a/src/loaders/svg-loaders/svgr-loader/index.ts b/src/loaders/svg-loaders/svgr-loader/index.ts
index 0c3f530..91266d0 100644
--- a/src/loaders/svg-loaders/svgr-loader/index.ts
+++ b/src/loaders/svg-loaders/svgr-loader/index.ts
@@ -16,7 +16,7 @@ const getSvgrLoader = (options: WebpackOptions): webpack.RuleSetRule | null => {
     test: /\.svg$/i,
     issuer: /\.[jt]sx?$/,
     use: [{
-      loader: '@svgr/webpack',
+      loader: require.resolve('@svgr/webpack'),
       options: {
         icon: true,
         ...svgrLoader,