[Bug]: Dynamic import in CJS output is broken

[chenjiahan]

Version

Rslib 0.0.11

Details

Dynamic import in CJS output is broken.

There are some conditions:

• Use dynamic import in the source code
• Output cjs format
• package.json contains type: 'module'

For example, the input code is:

export async function main() {
  const { TsconfigPathsPlugin } = await import('tsconfig-paths-webpack-plugin');

  console.log(TsconfigPathsPlugin);
}

main();

Run the output code, and console.log(TsconfigPathsPlugin); get undefined.

Reproduce link

https://github.com/chenjiahan/rslib-repro-dynamic-import-cjs-interop

Reproduce Steps

• tsup:

• Modern.js Module:

• Rslib:

[fi3ework]

Duplicated with https://github.com/web-infra-dev/rslib/issues/121.

Current workaround

  output: {
    target: 'node',
+    externals: {
+      'tsconfig-paths-webpack-plugin': 'import tsconfig-paths-webpack-plugin',
+    },
  },

[fi3ework]

It will be resolved when we implement external map for webpack and Rspack, we're already working on this.