fix(webpack): avoid duplicate import core package (#3871)

Author: chenjiahan

nx.json

@@ -7,6 +7,7 @@
       "!{projectRoot}/**/*.{md,mdx}",
       "{projectRoot}/tsconfig.json",
       "{projectRoot}/package.json",
+      "{projectRoot}/rslib.config.*",
       "{projectRoot}/modern.config.*",
       "{projectRoot}/scripts/**/*"
     ],

packages/compat/webpack/rslib.config.ts

@@ -1,15 +1,32 @@
-import path from 'node:path';
-import { pureEsmPackage } from '@rsbuild/config/rslib.config.ts';
+import {
+  cjsConfig,
+  dualPackage,
+  esmConfig,
+} from '@rsbuild/config/rslib.config.ts';
 import { defineConfig } from '@rslib/core';
 
 export default defineConfig({
-  ...pureEsmPackage,
-  output: {
-    ...pureEsmPackage.output,
-    copy: [
-      {
-        from: path.resolve(__dirname, 'src/index.cjs'),
+  ...dualPackage,
+  lib: [
+    esmConfig,
+    {
+      ...cjsConfig,
+      output: {
+        target: 'node',
+        // TODO https://github.com/web-infra-dev/rslib/issues/287
+        externals: {
+          webpack: 'import webpack',
+          'copy-webpack-plugin': 'import copy-webpack-plugin',
+          'mini-css-extract-plugin': 'import mini-css-extract-plugin',
+          'tsconfig-paths-webpack-plugin':
+            'import tsconfig-paths-webpack-plugin',
+        },
       },
-    ],
-  },
+      footer: {
+        // TODO https://github.com/web-infra-dev/rslib/issues/351
+        js: `// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = { webpackProvider: exports.webpackProvider });`,
+      },
+    },
+  ],
 });

scripts/config/rslib.config.ts

@@ -27,8 +27,3 @@ export const dualPackage = defineConfig({
     },
   },
 });
-
-export const pureEsmPackage = defineConfig({
-  ...dualPackage,
-  lib: [esmConfig],
-});