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: [

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

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,

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

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: {

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,

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,