fix: fixing webpack loaders

jpapini · Jun 17, 2024 · c21a1da · c21a1da
1 parent 966018c
commit c21a1da
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 17 deletions.
diff --git a/.changeset/short-wombats-brush.md b/.changeset/short-wombats-brush.md
@@ -0,0 +1,5 @@
+---
+'@jpapini/webpack-config': patch
+---
+
+Fixing require.resolve for loaders.
diff --git a/packages/webpack-config/src/configs/common.config.ts b/packages/webpack-config/src/configs/common.config.ts
@@ -11,9 +11,6 @@ import type { IWebpackEnv } from '~/types';
 import { loadDotenv } from '~/utils/dotenv.util';
 
 const require = createRequire(import.meta.url);
-const NODE_MODULES_PATH = require
-    .resolve('swc-loader')
-    .replace(/\/node_modules\/swc-loader\/.*$/, '/node_modules/');
 
 export function createCommonWebpackConfig(rootDir: string) {
     return function (env: IWebpackEnv): Configuration {
@@ -32,10 +29,6 @@ export function createCommonWebpackConfig(rootDir: string) {
         consola.info('Root:', colors.blue.bold(rootDir));
         consola.info('Cache:', colors.blue.bold(cacheDirectory));
         consola.info('TSConfig:', colors.blue.bold(tsconfigPath));
-        consola.info(
-            'Node modules for loaders:',
-            colors.blue.bold(NODE_MODULES_PATH ?? 'not found'),
-        );
 
         loadDotenv(rootDir);
 
@@ -47,9 +40,6 @@ export function createCommonWebpackConfig(rootDir: string) {
                 extensions: ['.js', '.ts'],
                 plugins: [new TsconfigPathsPlugin({ configFile: tsconfigPath })],
             },
-            resolveLoader: {
-                modules: ['node_modules'],
-            },
             optimization: {
                 minimize: false,
                 nodeEnv: isProduction ? 'production' : 'development',
@@ -64,7 +54,7 @@ export function createCommonWebpackConfig(rootDir: string) {
                         exclude: [/dist\//, /node_modules\//],
                         use: [
                             {
-                                loader: 'swc-loader',
+                                loader: require.resolve('swc-loader'),
                                 options: {
                                     minify: false,
                                     module: {
@@ -88,8 +78,6 @@ export function createCommonWebpackConfig(rootDir: string) {
             },
         };
 
-        if (NODE_MODULES_PATH) commonConfig.resolveLoader?.modules?.push(NODE_MODULES_PATH);
-
         if (!isProduction) {
             commonConfig.cache = {
                 type: 'filesystem',

diff --git a/packages/webpack-config/src/configs/nest-app.config.ts b/packages/webpack-config/src/configs/nest-app.config.ts
@@ -1,3 +1,4 @@
+import { createRequire } from 'node:module';
 import path from 'node:path';
 
 import type { Config } from '@swc/types';
@@ -15,6 +16,8 @@ import { createCommonWebpackConfig } from './common.config';
 
 const { HotModuleReplacementPlugin } = webpack;
 
+const require = createRequire(import.meta.url);
+
 export type ICreateNestAppWebpackConfigOptions = {
     entryFile?: string;
     outputDir?: string;
@@ -59,7 +62,7 @@ export function createNestAppWebpackConfig(
                         test: /\.tsx?$/i,
                         use: [
                             {
-                                loader: 'swc-loader',
+                                loader: require.resolve('swc-loader'),
                                 options: {
                                     jsc: {
                                         target: 'es2022',

diff --git a/packages/webpack-config/src/configs/react-app.config.ts b/packages/webpack-config/src/configs/react-app.config.ts
@@ -1,5 +1,6 @@
 import 'webpack-dev-server';
 
+import { createRequire } from 'node:module';
 import path from 'node:path';
 
 import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
@@ -15,6 +16,8 @@ import { mergeConfig } from '~/utils/merge-config.util';
 
 import { createCommonWebpackConfig } from './common.config';
 
+const require = createRequire(import.meta.url);
+
 export type ICreateReactAppWebpackConfigOptions = {
     entryFile?: string;
     outputDir?: string;
@@ -72,7 +75,7 @@ export function createReactAppWebpackConfig(
                         test: /\.tsx?$/i,
                         use: [
                             {
-                                loader: 'swc-loader',
+                                loader: require.resolve('swc-loader'),
                                 options: {
                                     jsc: {
                                         target: 'es5',
@@ -95,9 +98,11 @@ export function createReactAppWebpackConfig(
                         test: /\.css$/i,
                         use: [
                             MiniCssExtractPlugin.loader,
-                            'css-loader',
                             {
-                                loader: 'postcss-loader',
+                                loader: require.resolve('css-loader'),
+                            },
+                            {
+                                loader: require.resolve('postcss-loader'),
                                 options: {
                                     implementation: require.resolve('postcss'),
                                     postcssOptions: {