fix: use import default esm helper for esm path imports

packages/repack/src/commands/common/config/getMinimizerConfig.ts

@@ -1,4 +1,6 @@
 import semver from 'semver';
+import type TerserPlugin from 'terser-webpack-plugin';
+import { importDefaultESM } from '../../../helpers/index.js';
 
 // prefer `terser-webpack-plugin` installed in the project root to the one shipped with Re.Pack
 async function getTerserPlugin(rootDir: string) {
@@ -10,8 +12,8 @@ async function getTerserPlugin(rootDir: string) {
   } catch {
     terserPluginPath = require.resolve('terser-webpack-plugin');
   }
-  const plugin = await import(terserPluginPath);
-  return 'default' in plugin ? plugin.default : plugin;
+  const plugin = await importDefaultESM<typeof TerserPlugin>(terserPluginPath);
+  return plugin;
 }
 
 async function getTerserConfig(rootDir: string) {

packages/repack/src/commands/common/config/loadProjectConfig.ts

@@ -1,6 +1,7 @@
 import fs from 'node:fs';
 import path from 'node:path';
 import url from 'node:url';
+import { importDefaultESM } from '../../../helpers/index.js';
 import type { Configuration, ConfigurationObject } from '../../types.js';
 
 // logic based on crossImport from `rspack-cli`
@@ -39,7 +40,7 @@ export async function loadProjectConfig<C extends ConfigurationObject>(
 
   if (isEsmFile(configFilePath)) {
     const { href: fileUrl } = url.pathToFileURL(configFilePath);
-    config = await import(fileUrl);
+    config = await importDefaultESM(fileUrl);
   } else {
     config = require(configFilePath);
   }

packages/repack/src/commands/common/getDevMiddleware.ts

@@ -1,3 +1,5 @@
+import url from 'node:url';
+
 export async function getDevMiddleware(reactNativePath: string) {
   const reactNativeCommunityCliPluginPath = require.resolve(
     '@react-native/community-cli-plugin',
@@ -8,5 +10,6 @@ export async function getDevMiddleware(reactNativePath: string) {
     paths: [reactNativeCommunityCliPluginPath],
   });
 
-  return import(devMiddlewarePath);
+  const { href: fileUrl } = url.pathToFileURL(devMiddlewarePath);
+  return await import(fileUrl);
 }

packages/repack/src/helpers/helpers.ts

@@ -1,4 +1,5 @@
 import os from 'node:os';
+import url from 'node:url';
 import type { Compiler as RspackCompiler } from '@rspack/core';
 import type { Compiler as WebpackCompiler } from 'webpack';
 
@@ -60,3 +61,9 @@ export function moveElementBefore<T>(
   // Insert source element right before the target element
   array.splice(targetIndex, 0, moveElement);
 }
+
+export async function importDefaultESM<T>(absolutePath: string): Promise<T> {
+  const { href: fileUrl } = url.pathToFileURL(absolutePath);
+  const module = await import(fileUrl);
+  return 'default' in module ? module.default : module;
+}

packages/repack/src/loaders/babelLoader/utils.ts

@@ -1,4 +1,5 @@
 import type { ParseResult } from '@babel/core';
+import { importDefaultESM } from '../../helpers/index.js';
 
 interface HermesParser {
   parse: (
@@ -46,7 +47,7 @@ export async function loadHermesParser(
     const hermesParserPath =
       providedHermesParserPath ??
       resolveHermesParser(projectRoot ?? process.cwd());
-    const hermesParser = await import(hermesParserPath);
+    const hermesParser = await importDefaultESM<HermesParser>(hermesParserPath);
     return hermesParser;
   } catch (e) {
     console.error(e);

packages/repack/src/loaders/babelSwcLoader/utils.ts

@@ -4,6 +4,8 @@ import type {
   SwcLoaderParserConfig,
   experiments,
 } from '@rspack/core';
+import type Rspack from '@rspack/core';
+import { importDefaultESM } from '../../helpers/index.js';
 
 type Swc = (typeof experiments)['swc'];
 type Logger = ReturnType<LoaderContext['getLogger']>;
@@ -136,26 +138,16 @@ async function getSwcModule(loaderContext: LoaderContext): Promise<Swc | null> {
     // use optional chaining to avoid type errors when there is no experiments.swc
     const rspackCorePath = safelyResolve('@rspack/core', projectRoot);
     if (rspackCorePath && !isWebpack) {
-      const rspack = await import(rspackCorePath);
-      if ('default' in rspack) {
-        return rspack.default?.experiments?.swc ?? null;
-      }
-      if (rspack) {
-        return rspack?.experiments?.swc ?? null;
-      }
+      const rspack = await importDefaultESM<typeof Rspack>(rspackCorePath);
+      return rspack.experiments?.swc ?? null;
     }
   }
   // fallback to checking for `@swc/core` installed in the project
   // this can be in both webpack & rspack projects
   const swcCorePath = safelyResolve('@swc/core', projectRoot);
   if (swcCorePath) {
-    const swc = await import(swcCorePath);
-    if ('default' in swc) {
-      return swc.default as Swc;
-    }
-    if (swc) {
-      return swc as Swc;
-    }
+    const swc = await importDefaultESM<Swc>(swcCorePath);
+    return swc;
   }
   // at this point, we've tried all possible ways to get swc and failed
   return null;