@lark-apaas/fullstack-rspack-preset 0.1.0 → 0.1.2-alpha.0

package/lib/preset.d.ts

@@ -1,6 +1,8 @@
 import { type Configuration } from '@rspack/core';
 export interface CreateRecommendRspackConfigOptions {
     isDev?: boolean;
+    /** 是否启用 React Refresh (需要配合 @rspack/plugin-react-refresh 使用) */
+    enableReactRefresh?: boolean;
     /** 是否需要插件解析路由 */
     needRoutes?: boolean;
     /** 客户端基础路径 */

package/lib/preset.js

@@ -11,11 +11,12 @@ const dev_server_listener_1 = require("./utils/dev-server-listener");
 const route_parser_plugin_1 = __importDefault(require("./rspack-plugins/route-parser-plugin"));
 const slardar_performance_monitor_plugin_1 = __importDefault(require("./rspack-plugins/slardar-performance-monitor-plugin"));
 function createRecommendRspackConfig(options) {
-    const { isDev = true, needRoutes = true, clientBasePath = '', publicPath = '', // 静态资源路径
+    const { isDev = true, enableReactRefresh = false, needRoutes = true, clientBasePath = '', publicPath = '', // 静态资源路径
      } = options;
     const rootDir = process.cwd();
     const serverPort = process.env.SERVER_PORT || '3000';
     return {
+        mode: isDev ? 'development' : 'production',
         cache: false,
         experiments: {
             css: true,
@@ -96,7 +97,7 @@ function createRecommendRspackConfig(options) {
                                                 }
                                                 : {}),
                                             development: isDev,
-                                            refresh: isDev,
+                                            refresh: enableReactRefresh,
                                         },
                                     },
                                 },
@@ -123,7 +124,7 @@ function createRecommendRspackConfig(options) {
             }),
             new core_1.default.DefinePlugin({
                 'process.env.NODE_ENV': JSON.stringify(isDev ? 'development' : 'production'),
-                'process.env.runtimeMode': 'fullstack',
+                'process.env.runtimeMode': JSON.stringify('fullstack'),
                 'process.env.CLIENT_BASE_PATH': JSON.stringify(clientBasePath),
                 // FIXME:安全漏洞，会读取到服务路径，不应该在客户端代码中使用
                 'process.env.CWD': JSON.stringify(process.cwd()),
@@ -141,6 +142,13 @@ function createRecommendRspackConfig(options) {
                     },
                 ],
             }),
+            new core_1.default.HtmlRspackPlugin({
+                template: path_1.default.resolve(rootDir, './client/index.html'),
+                filename: 'index.html',
+                templateParameters: {
+                    publicPath,
+                }
+            }),
             // 性能监控插件
             new slardar_performance_monitor_plugin_1.default(),
             // 开发环境下，解析路由

package/lib/rspack-plugins/slardar-performance-monitor-plugin.js

@@ -7,19 +7,30 @@ class SlardarPerformanceMonitorPlugin {
     apply(compiler) {
         compiler.hooks.compilation.tap('SlardarPerformanceMonitorPlugin', (compilation) => {
             try {
+                // 从 compiler.webpack 或 compiler.rspack 获取 HtmlRspackPlugin
+                // 这样可以避免在 npm link 环境下的模块解析问题
                 let HtmlPlugin;
                 try {
-                    HtmlPlugin = require('@rspack/core').rspack.HtmlRspackPlugin;
-                }
-                catch (e) {
-                    try {
-                        HtmlPlugin = require('html-webpack-plugin');
+                    // 尝试从 compiler 中获取 rspack
+                    const rspack = compiler.webpack || compiler.rspack || compiler.constructor.webpack;
+                    if (rspack && rspack.HtmlRspackPlugin) {
+                        HtmlPlugin = rspack.HtmlRspackPlugin;
                     }
-                    catch (e2) {
-                        console.warn('SlardarPerformanceMonitorPlugin: html-rspack-plugin or html-webpack-plugin not found');
-                        return;
+                    else {
+                        // 降级到 require，但这在 npm link 下可能失败
+                        try {
+                            HtmlPlugin = require('html-webpack-plugin');
+                        }
+                        catch (e2) {
+                            console.warn('SlardarPerformanceMonitorPlugin: HtmlRspackPlugin not found');
+                            return;
+                        }
                     }
                 }
+                catch (e) {
+                    console.warn('SlardarPerformanceMonitorPlugin: Failed to get HtmlRspackPlugin');
+                    return;
+                }
                 const hooks = HtmlPlugin.getHooks(compilation);
                 hooks.beforeEmit.tapAsync('SlardarPerformanceMonitorPlugin', (data, cb) => {
                     const position = this.options.position ?? 'head-end';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lark-apaas/fullstack-rspack-preset",
-  "version": "0.1.0",
+  "version": "0.1.2-alpha.0",
   "files": [
     "lib"
   ],
@@ -32,13 +32,15 @@
   },
   "devDependencies": {
     "@lark-apaas/devtool-kits": "^1.0.0",
-    "@rspack/core": "^1.4.4",
+    "@rspack/core": "^1.5.5",
     "@types/node": "^22.15.30",
     "typescript": "^5.9.2",
     "vitest": "^2.1.8"
   },
   "peerDependencies": {
     "@lark-apaas/devtool-kits": "^1.0.0",
-    "@rspack/core": ">=1.0.0"
+    "@rspack/core": "^1.5.5",
+    "react": ">=16.14.0",
+    "react-dom": ">=16.14.0"
   }
 }