chore(core): use Rslib to bundle client code (#3938)

Author: chenjiahan

packages/core/modern.config.ts

@@ -109,26 +109,6 @@ export default defineConfig({
         return options;
       },
     },
-    // Client / ESM
-    {
-      format: 'esm',
-      input: {
-        hmr: 'src/client/hmr.ts',
-        overlay: 'src/client/overlay.ts',
-      },
-      target: BUILD_TARGET.client,
-      dts: false,
-      externals: ['./hmr'],
-      outDir: './dist/client',
-      autoExtension: true,
-      externalHelpers: true,
-      // Skip esbuild transform and only use SWC to transform,
-      // because esbuild will transform `import.meta`.
-      esbuildOptions: (options) => {
-        options.target = undefined;
-        return options;
-      },
-    },
     // Types
     {
       externals,

packages/core/package.json

@@ -46,7 +46,8 @@
     "types.d.ts"
   ],
   "scripts": {
-    "build": "modern build && tsc-alias -p tsconfig.json",
+    "build": "modern build && rslib build && tsc-alias -p tsconfig.json",
+    "build:rslib": "rslib build",
     "dev": "modern build --watch",
     "prebundle": "prebundle"
   },
@@ -58,6 +59,7 @@
   },
   "devDependencies": {
     "@modern-js/module-tools": "^2.61.0",
+    "@rslib/core": "0.0.16",
     "@types/connect": "3.4.38",
     "@types/fs-extra": "^11.0.4",
     "@types/node": "18.x",

packages/core/rslib.config.ts

@@ -0,0 +1,27 @@
+import { defineConfig } from '@rslib/core';
+
+export default defineConfig({
+  lib: [
+    // Client / ESM
+    {
+      format: 'esm',
+      syntax: 'es2017',
+      source: {
+        entry: {
+          hmr: 'src/client/hmr.ts',
+          overlay: 'src/client/overlay.ts',
+        },
+        define: {
+          WEBPACK_HASH: '__webpack_hash__',
+        },
+      },
+      output: {
+        target: 'web',
+        externals: ['./hmr'],
+        distPath: {
+          root: './dist/client',
+        },
+      },
+    },
+  ],
+});

packages/core/src/client/hmr.ts

@@ -120,7 +120,7 @@ function handleErrors(errors: Rspack.StatsError[]) {
 
 // __webpack_hash__ is the hash of the current compilation.
 // It's a global variable injected by Rspack.
-const isUpdateAvailable = () => lastCompilationHash !== __webpack_hash__;
+const isUpdateAvailable = () => lastCompilationHash !== WEBPACK_HASH;
 
 // Attempt to update code on the fly, fall back to a hard reload.
 function tryApplyUpdates() {

packages/core/src/env.d.ts

@@ -1,7 +1,9 @@
 declare const RSBUILD_VERSION;
 
-declare let RSBUILD_CLIENT_CONFIG: ClientConfig;
+declare const WEBPACK_HASH: string;
 
-declare let RSBUILD_DEV_LIVE_RELOAD: boolean;
+declare const RSBUILD_CLIENT_CONFIG: ClientConfig;
 
-declare let RSBUILD_COMPILATION_NAME: string;
+declare const RSBUILD_DEV_LIVE_RELOAD: boolean;
+
+declare const RSBUILD_COMPILATION_NAME: string;