core: Optimize Client Development Experience (#1010)

Author: quanquan2100

packages/client/package.json

@@ -13,7 +13,7 @@
   "license": "MIT",
   "scripts": {
     "dev": "rsbuild dev",
-    "start": "rsbuild build -w",
+    "start": "NODE_ENV=development rsbuild build -w",
     "build": "rsbuild build",
     "build:analysis": "ENABLE_DEVTOOLS_PLUGIN=true DEVTOOLS_DEV=true rsbuild build",
     "preview": "rsbuild preview"
@@ -36,6 +36,7 @@
     "react-error-boundary": "^4.1.2",
     "react-router-dom": "6.4.3",
     "sirv": "2.0.4",
+    "source-map-loader": "^5.0.0",
     "typescript": "^5.2.2"
   },
   "publishConfig": {

packages/client/rsbuild.config.ts

@@ -1,12 +1,12 @@
+import type { RsbuildConfig, Rspack } from '@rsbuild/core';
 import { defineConfig } from '@rsbuild/core';
-import { pluginReact } from '@rsbuild/plugin-react';
-import { pluginTypeCheck } from '@rsbuild/plugin-type-check';
 import { pluginNodePolyfill } from '@rsbuild/plugin-node-polyfill';
-import type { Rspack, RsbuildConfig } from '@rsbuild/core';
+import { pluginReact } from '@rsbuild/plugin-react';
 import { pluginSass } from '@rsbuild/plugin-sass';
-import serve from 'sirv';
-import path from 'path';
+import { pluginTypeCheck } from '@rsbuild/plugin-type-check';
 import fs from 'fs';
+import path from 'path';
+import serve from 'sirv';
 
 import {
   ClientEntry,
@@ -179,6 +179,17 @@ export default defineConfig(({ env }) => {
           ]);
         }
       },
+      rspack: {
+        module: {
+          rules: [
+            !IS_PRODUCTION && {
+              test: /\.js$/,
+              enforce: 'pre' as const,
+              use: ['source-map-loader'],
+            },
+          ].filter(Boolean),
+        },
+      },
     },
 
     html: {

packages/components/modern.config.ts

@@ -1,4 +1,4 @@
-import { moduleTools, defineConfig } from '@modern-js/module-tools';
+import { defineConfig, moduleTools } from '@modern-js/module-tools';
 
 export default defineConfig({
   plugins: [moduleTools()],
@@ -7,6 +7,8 @@ export default defineConfig({
     format: 'esm',
     target: 'es2020',
     outDir: './dist',
+    sourceMap: true,
+    minify: false,
     asset: {
       svgr: {
         include: /\.svg$/,