@lynx-js/rspeedy 0.9.3 → 0.9.4

package/CHANGELOG.md

@@ -1,5 +1,37 @@
 # @lynx-js/rspeedy
 
+## 0.9.4
+
+### Patch Changes
+
+- Bump Rsbuild v1.3.17 with Rspack v1.3.9. ([#708](https://github.com/lynx-family/lynx-stack/pull/708))
+
+- Support `performance.profile`. ([#691](https://github.com/lynx-family/lynx-stack/pull/691))
+
+- Support CLI flag `--mode` to specify the build mode. ([#723](https://github.com/lynx-family/lynx-stack/pull/723))
+
+- Enable native Rsdoctor plugin by default. ([#688](https://github.com/lynx-family/lynx-stack/pull/688))
+
+  Set `tools.rsdoctor.experiments.enableNativePlugin` to `false` to use the old JS plugin.
+
+  ```js
+  import { defineConfig } from '@lynx-js/rspeedy'
+
+  export default defineConfig({
+    tools: {
+      rsdoctor: {
+        experiments: {
+          enableNativePlugin: false,
+        },
+      },
+    },
+  })
+  ```
+
+  See [Rsdoctor - 1.0](https://rsdoctor.dev/blog/release/release-note-1_0#-faster-analysis) for more details.
+
+- Bump Rsbuild v1.3.14 with Rspack v1.3.8. ([#630](https://github.com/lynx-family/lynx-stack/pull/630))
+
 ## 0.9.3
 
 ### Patch Changes
@@ -10,7 +42,7 @@
 
 ### Patch Changes
 
-- Support cli option `--no-env` to disable loading of .env files ([#483](https://github.com/lynx-family/lynx-stack/pull/483))
+- Support CLI option `--no-env` to disable loading of `.env` files ([#483](https://github.com/lynx-family/lynx-stack/pull/483))
 
 - Bump Rsbuild v1.3.8 with Rspack v1.3.5. ([#579](https://github.com/lynx-family/lynx-stack/pull/579))
 
@@ -46,9 +78,9 @@
 
 ### Patch Changes
 
-- Support cli flag `--base` to specify the base path of the server. ([#387](https://github.com/lynx-family/lynx-stack/pull/387))
+- Support CLI flag `--base` to specify the base path of the server. ([#387](https://github.com/lynx-family/lynx-stack/pull/387))
 
-- Support cli option `--environment` to specify the name of environment to build ([#462](https://github.com/lynx-family/lynx-stack/pull/462))
+- Support CLI flag `--environment` to specify the name of environment to build ([#462](https://github.com/lynx-family/lynx-stack/pull/462))
 
 - Select the most appropriate network interface. ([#457](https://github.com/lynx-family/lynx-stack/pull/457))
 
@@ -58,7 +90,7 @@
 
   See [Node.js - TypeScript](https://nodejs.org/api/typescript.html) for more details.
 
-- Support cli option `--env-mode` to specify the env mode to load the `.env.[mode]` file. ([#453](https://github.com/lynx-family/lynx-stack/pull/453))
+- Support CLI flag `--env-mode` to specify the env mode to load the `.env.[mode]` file. ([#453](https://github.com/lynx-family/lynx-stack/pull/453))
 
 - Support `dev.hmr` and `dev.liveReload`. ([#458](https://github.com/lynx-family/lynx-stack/pull/458))
 

package/dist/index.d.ts

@@ -1104,7 +1104,9 @@ export declare interface DistPath extends DistPathConfig {
  * ```js
  * import { defineConfig } from '@lynx-js/rspeedy'
  * export default defineConfig({
- *   entry: './src/pages/main/index.js',
+ *   source: {
+ *     entry: './src/pages/main/index.js',
+ *   }
  * })
  * ```
  *
@@ -1115,7 +1117,9 @@ export declare interface DistPath extends DistPathConfig {
  * ```js
  * import { defineConfig } from '@lynx-js/rspeedy'
  * export default defineConfig({
- *   entry: ['./src/prefetch.js', './src/pages/main/index.js'],
+ *   source: {
+ *     entry: ['./src/prefetch.js', './src/pages/main/index.js'],
+ *   }
  * })
  * ```
  *
@@ -1126,10 +1130,12 @@ export declare interface DistPath extends DistPathConfig {
  * ```js
  * import { defineConfig } from '@lynx-js/rspeedy'
  * export default defineConfig({
- *   entry: {
- *     foo: './src/pages/foo/index.js',
- *     bar: ['./src/pages/bar/index.js', './src/post.js'], // multiple entry modules is allowed
- *   },
+ *   source: {
+ *     entry: {
+ *       foo: './src/pages/foo/index.js',
+ *       bar: ['./src/pages/bar/index.js', './src/post.js'], // multiple entry modules is allowed
+ *     }
+ *   }
  * })
  * ```
  *
@@ -1140,12 +1146,14 @@ export declare interface DistPath extends DistPathConfig {
  * ```js
  * import { defineConfig } from '@lynx-js/rspeedy'
  * export default defineConfig({
- *   entry: {
- *     foo: './src/pages/foo/index.js',
- *     bar: {
- *       import: ['./src/prefetch.js', './src/pages/bar'],
- *     },
- *   },
+ *   source: {
+ *     entry: {
+ *       foo: './src/pages/foo/index.js',
+ *       bar: {
+ *         import: ['./src/prefetch.js', './src/pages/bar'],
+ *       }
+ *     }
+ *   }
  * })
  * ```
  * @public
@@ -1891,6 +1899,32 @@ export declare interface Performance {
      * {@link Performance.chunkSplit} is used to configure the chunk splitting strategy.
      */
     chunkSplit?: ChunkSplit | ChunkSplitBySize | ChunkSplitCustom | undefined;
+    /**
+     * Whether capture timing information in the build time and the runtime, the same as the {@link https://rspack.dev/config/other-options#profile | profile} config of Rspack.
+     *
+     * @remarks
+     *
+     * This option would be `true` when `DEBUG` environment variable contains `rspeedy`.
+     *
+     * @example
+     *
+     * Enable profile.
+     *
+     * - Rsbuild will auto-generate `dist/stats.json` file through bundle analyzer.
+     *
+     * - Rspack will include the build time information when generating `stats.json`.
+     *
+     * - Frameworks like ReactLynx will include runtime information using `console.profile`.
+     *
+     * ```ts
+     * import { defineConfig } from '@lynx-js/rspeedy'
+     *
+     * export default defineConfig({
+     *   performance: { profile: true },
+     * })
+     * ```
+     */
+    profile?: boolean | undefined;
     /**
      * Whether to remove `console.[methodName]` in production build.
      *

package/dist/index.js

@@ -112,7 +112,7 @@ var __webpack_modules__ = {
         });
         var core_ = __webpack_require__("@rsbuild/core");
         var package_namespaceObject = {
-            i8: "0.9.3"
+            i8: "0.9.4"
         };
         const version = package_namespaceObject.i8;
         const rspackVersion = core_.rspack.rspackVersion;
@@ -254,11 +254,18 @@ __webpack_require__.m = __webpack_modules__;
 var external_node_path_ = __webpack_require__("node:path");
 var core_ = __webpack_require__("@rsbuild/core");
 function applyDefaultRspeedyConfig(config) {
-    const ret = (0, core_.mergeRsbuildConfig)(config, {
+    const ret = (0, core_.mergeRsbuildConfig)({
         output: {
             filename: getFilename(config.output?.filename)
+        },
+        tools: {
+            rsdoctor: {
+                experiments: {
+                    enableNativePlugin: true
+                }
+            }
         }
-    });
+    }, config);
     return ret;
 }
 const DEFAULT_FILENAME = '[name].[platform].bundle';
@@ -361,6 +368,7 @@ function toRsbuildConfig(config) {
         plugins: config.plugins,
         performance: {
             chunkSplit: config.performance?.chunkSplit,
+            profile: config.performance?.profile,
             removeConsole: toRsbuildRemoveConsole(config),
             printFileSize: config.performance?.printFileSize ?? true
         },

package/dist/src_cli_build_ts.js

@@ -1,5 +1,5 @@
 export const __webpack_ids__ = [
-    'src_cli_build_ts'
+    "src_cli_build_ts"
 ];
 export const __webpack_modules__ = {
     "./src/cli/build.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -9,26 +9,14 @@ export const __webpack_modules__ = {
         });
         var _rsbuild_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("@rsbuild/core");
         var _exit_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("./src/cli/exit.ts");
-        var _config_loadConfig_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/config/loadConfig.ts");
-        var _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/create-rspeedy.ts");
+        var _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/create-rspeedy.ts");
+        var _init_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/cli/init.ts");
         var _utils_is_ci_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/utils/is-ci.ts");
         async function build(cwd, buildOptions) {
             const shouldExit = 'true' !== process.env['RSDOCTOR'] || (0, _utils_is_ci_js__WEBPACK_IMPORTED_MODULE_4__.y)();
             try {
-                const { content: rspeedyConfig } = await (0, _config_loadConfig_js__WEBPACK_IMPORTED_MODULE_2__.ME)({
-                    cwd,
-                    configPath: buildOptions.config
-                });
-                const options = {
-                    cwd,
-                    rspeedyConfig
-                };
-                if (buildOptions.noEnv) options.loadEnv = false;
-                else if (buildOptions.envMode) options.loadEnv = {
-                    mode: buildOptions.envMode
-                };
-                if (buildOptions.environment) options.environment = buildOptions.environment;
-                const rspeedy = await (0, _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_3__.S)(options);
+                const { createRspeedyOptions } = await (0, _init_js__WEBPACK_IMPORTED_MODULE_3__.S)(cwd, buildOptions);
+                const rspeedy = await (0, _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_2__.S)(createRspeedyOptions);
                 await rspeedy.build();
             } catch (error) {
                 _rsbuild_core__WEBPACK_IMPORTED_MODULE_0__.logger.error(error);
@@ -37,24 +25,23 @@ export const __webpack_modules__ = {
             if (shouldExit) (0, _exit_js__WEBPACK_IMPORTED_MODULE_1__.exit)();
         }
     },
-    "./src/config/loadConfig.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+    "./src/cli/init.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
-            ME: ()=>loadConfig,
-            Mk: ()=>resolveConfigPath
+            S: ()=>init
         });
-        var node_fs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("node:fs");
-        var node_path__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("node:path");
-        var node_url__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("node:url");
-        var picocolors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js");
-        var picocolors__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/ __webpack_require__.n(picocolors__WEBPACK_IMPORTED_MODULE_5__);
-        var _lynx_js_rspeedy_register__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("@lynx-js/rspeedy/register");
-        var _debug_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/debug.ts");
+        var external_node_fs_ = __webpack_require__("node:fs");
+        var external_node_path_ = __webpack_require__("node:path");
+        var external_node_url_ = __webpack_require__("node:url");
+        var picocolors = __webpack_require__("../../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js");
+        var picocolors_default = /*#__PURE__*/ __webpack_require__.n(picocolors);
+        var register_ = __webpack_require__("@lynx-js/rspeedy/register");
+        var debug = __webpack_require__("./src/debug.ts");
         const resolveConfigPath = (root, customConfig)=>{
             if (customConfig) {
-                (0, _debug_js__WEBPACK_IMPORTED_MODULE_4__.fF)(`load custom config file ${customConfig} from ${root}`);
-                const customConfigPath = (0, node_path__WEBPACK_IMPORTED_MODULE_1__.isAbsolute)(customConfig) ? customConfig : (0, node_path__WEBPACK_IMPORTED_MODULE_1__.join)(root, customConfig);
-                if (node_fs__WEBPACK_IMPORTED_MODULE_0__["default"].existsSync(customConfigPath)) return customConfigPath;
-                throw new Error(`Cannot find config file: ${picocolors__WEBPACK_IMPORTED_MODULE_5___default().dim(customConfigPath)}`);
+                (0, debug.fF)(`load custom config file ${customConfig} from ${root}`);
+                const customConfigPath = (0, external_node_path_.isAbsolute)(customConfig) ? customConfig : (0, external_node_path_.join)(root, customConfig);
+                if (external_node_fs_["default"].existsSync(customConfigPath)) return customConfigPath;
+                throw new Error(`Cannot find config file: ${picocolors_default().dim(customConfigPath)}`);
             }
             const CONFIG_FILES = [
                 'lynx.config.ts',
@@ -63,23 +50,23 @@ export const __webpack_modules__ = {
                 'lynx.config.mjs'
             ];
             for (const file of CONFIG_FILES){
-                (0, _debug_js__WEBPACK_IMPORTED_MODULE_4__.fF)(`load default config file ${file} from ${root}`);
-                const configFile = (0, node_path__WEBPACK_IMPORTED_MODULE_1__.join)(root, file);
-                if (node_fs__WEBPACK_IMPORTED_MODULE_0__["default"].existsSync(configFile)) {
-                    (0, _debug_js__WEBPACK_IMPORTED_MODULE_4__.fF)(`default config ${configFile} found`);
+                (0, debug.fF)(`load default config file ${file} from ${root}`);
+                const configFile = (0, external_node_path_.join)(root, file);
+                if (external_node_fs_["default"].existsSync(configFile)) {
+                    (0, debug.fF)(`default config ${configFile} found`);
                     return configFile;
                 }
             }
             throw new Error([
-                `Cannot find the default config file: ${picocolors__WEBPACK_IMPORTED_MODULE_5___default().dim((0, node_path__WEBPACK_IMPORTED_MODULE_1__.join)(root, CONFIG_FILES[0]))}.`,
-                `Use custom config with ${picocolors__WEBPACK_IMPORTED_MODULE_5___default().green('`--config <config>`')} options.`
+                `Cannot find the default config file: ${picocolors_default().dim((0, external_node_path_.join)(root, CONFIG_FILES[0]))}.`,
+                `Use custom config with ${picocolors_default().green('`--config <config>`')} options.`
             ].join(' '));
         };
         async function loadConfig(loadConfigOptions) {
             let { configPath } = loadConfigOptions;
-            if (!configPath || !(0, node_path__WEBPACK_IMPORTED_MODULE_1__.isAbsolute)(configPath)) configPath = resolveConfigPath(loadConfigOptions.cwd ?? process.cwd(), configPath);
-            const specifier = (0, node_url__WEBPACK_IMPORTED_MODULE_2__.pathToFileURL)(configPath).toString();
-            const unregister = shouldUseNativeImport(configPath) ? ()=>void 0 : (0, _lynx_js_rspeedy_register__WEBPACK_IMPORTED_MODULE_3__.register)();
+            if (!configPath || !(0, external_node_path_.isAbsolute)(configPath)) configPath = resolveConfigPath(loadConfigOptions.cwd ?? process.cwd(), configPath);
+            const specifier = (0, external_node_url_.pathToFileURL)(configPath).toString();
+            const unregister = shouldUseNativeImport(configPath) ? ()=>void 0 : (0, register_.register)();
             try {
                 const [exports, { validate }] = await Promise.all([
                     import(`${specifier}?t=${Date.now()}`),
@@ -105,13 +92,38 @@ export const __webpack_modules__ = {
             return NODE_OPTIONS.includes('--experimental-transform-types') || NODE_OPTIONS.includes('--experimental-strip-types');
         }
         function isJavaScriptPath(configPath) {
-            const ext = (0, node_path__WEBPACK_IMPORTED_MODULE_1__.extname)(configPath);
+            const ext = (0, external_node_path_.extname)(configPath);
             return [
                 '.js',
                 '.mjs',
                 '.cjs'
             ].includes(ext);
         }
+        async function init(cwd, options) {
+            const { content: rspeedyConfig, configPath } = await loadConfig({
+                cwd,
+                configPath: options.config
+            });
+            const createRspeedyOptions = {
+                cwd,
+                rspeedyConfig
+            };
+            if (options.noEnv) createRspeedyOptions.loadEnv = false;
+            else if (options.envMode) createRspeedyOptions.loadEnv = {
+                mode: options.envMode
+            };
+            if ('base' in options && options.base) {
+                rspeedyConfig.server ??= {};
+                rspeedyConfig.server.base = options.base;
+            }
+            if ('environment' in options && options.environment) createRspeedyOptions.environment = options.environment;
+            if (options.mode) rspeedyConfig.mode = options.mode;
+            return {
+                createRspeedyOptions,
+                configPath,
+                rspeedyConfig
+            };
+        }
     },
     "./src/create-rspeedy.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
@@ -120,11 +132,18 @@ export const __webpack_modules__ = {
         var external_node_path_ = __webpack_require__("node:path");
         var core_ = __webpack_require__("@rsbuild/core");
         function applyDefaultRspeedyConfig(config) {
-            const ret = (0, core_.mergeRsbuildConfig)(config, {
+            const ret = (0, core_.mergeRsbuildConfig)({
                 output: {
                     filename: getFilename(config.output?.filename)
+                },
+                tools: {
+                    rsdoctor: {
+                        experiments: {
+                            enableNativePlugin: true
+                        }
+                    }
                 }
-            });
+            }, config);
             return ret;
         }
         const DEFAULT_FILENAME = '[name].[platform].bundle';
@@ -227,6 +246,7 @@ export const __webpack_modules__ = {
                 plugins: config.plugins,
                 performance: {
                     chunkSplit: config.performance?.chunkSplit,
+                    profile: config.performance?.profile,
                     removeConsole: toRsbuildRemoveConsole(config),
                     printFileSize: config.performance?.printFileSize ?? true
                 },

package/dist/src_cli_commands_ts.js

@@ -1,5 +1,5 @@
 export const __webpack_ids__ = [
-    'src_cli_commands_ts'
+    "src_cli_commands_ts"
 ];
 export const __webpack_modules__ = {
     "./src/cli/commands.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -9,7 +9,7 @@ export const __webpack_modules__ = {
         });
         var _version_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("./src/version.ts");
         function applyCommonOptions(command) {
-            command.option('-c --config <config>', 'specify the configuration file, can be a relative or absolute path').option('--env-mode <mode>', 'specify the env mode to load the .env.[mode] file').option('--no-env', 'disable loading `.env` files"');
+            command.option('-c --config <config>', 'specify the configuration file, can be a relative or absolute path').option('--env-mode <mode>', 'specify the env mode to load the .env.[mode] file').option('--no-env', 'disable loading `.env` files"').option('-m --mode <mode>', 'specify the build mode, can be `development`, `production` or `none`');
         }
         function apply(program) {
             const cwd = process.cwd();
@@ -19,7 +19,7 @@ export const __webpack_modules__ = {
             const devCommand = program.command('dev');
             devCommand.description('Run the dev server and watch for source file changes while serving.').option('--base <base>', 'specify the base path of the server').option('--environment <name...>', 'specify the name of environment to build').action((devOptions)=>__webpack_require__.e("src_cli_dev_ts").then(__webpack_require__.bind(__webpack_require__, "./src/cli/dev.ts")).then(({ dev })=>dev.call(devCommand, cwd, devOptions)));
             const inspectCommand = program.command('inspect');
-            inspectCommand.description('View the Rsbuild config and Rspack config of the project.').option('--mode <mode>', 'specify the mode of Rsbuild', 'development').option('--output <output>', 'specify inspect content output path').option('--verbose', 'show full function definitions in output').action((inspectOptions)=>__webpack_require__.e("src_cli_inspect_ts").then(__webpack_require__.bind(__webpack_require__, "./src/cli/inspect.ts")).then(({ inspect })=>inspect.call(inspectCommand, cwd, inspectOptions)));
+            inspectCommand.description('View the Rsbuild config and Rspack config of the project.').option('--output <output>', 'specify inspect content output path').option('--verbose', 'show full function definitions in output').action((inspectOptions)=>__webpack_require__.e("src_cli_inspect_ts").then(__webpack_require__.bind(__webpack_require__, "./src/cli/inspect.ts")).then(({ inspect })=>inspect.call(inspectCommand, cwd, inspectOptions)));
             const previewCommand = program.command('preview');
             previewCommand.description('Preview the production build outputs locally.').option('--base <base>', 'specify the base path of the server').action((previewOptions)=>__webpack_require__.e("src_cli_preview_ts").then(__webpack_require__.bind(__webpack_require__, "./src/cli/preview.ts")).then(({ preview })=>preview.call(previewCommand, cwd, previewOptions)));
             const commonCommands = [
@@ -40,7 +40,7 @@ export const __webpack_modules__ = {
         });
         var core_ = __webpack_require__("@rsbuild/core");
         var package_namespaceObject = {
-            i8: "0.9.3"
+            i8: "0.9.4"
         };
         const version = package_namespaceObject.i8;
         const rspackVersion = core_.rspack.rspackVersion;

package/dist/src_cli_dev_ts.js

@@ -1,5 +1,5 @@
 export const __webpack_ids__ = [
-    'src_cli_dev_ts'
+    "src_cli_dev_ts"
 ];
 export const __webpack_modules__ = {
     "./src/cli/dev.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
@@ -11,21 +11,13 @@ export const __webpack_modules__ = {
         var _rsbuild_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("@rsbuild/core");
         var picocolors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js");
         var picocolors__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/ __webpack_require__.n(picocolors__WEBPACK_IMPORTED_MODULE_5__);
-        var _config_loadConfig_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/config/loadConfig.ts");
-        var _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/create-rspeedy.ts");
-        var _exit_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/cli/exit.ts");
+        var _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("./src/create-rspeedy.ts");
+        var _exit_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("./src/cli/exit.ts");
+        var _init_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/cli/init.ts");
         async function dev(cwd, devOptions) {
             let onBeforeRestart = [];
             try {
-                const configPath = (0, _config_loadConfig_js__WEBPACK_IMPORTED_MODULE_2__.Mk)(cwd, devOptions.config);
-                const { content: rspeedyConfig } = await (0, _config_loadConfig_js__WEBPACK_IMPORTED_MODULE_2__.ME)({
-                    cwd,
-                    configPath
-                });
-                if (devOptions.base) {
-                    rspeedyConfig.server ??= {};
-                    rspeedyConfig.server.base = devOptions.base;
-                }
+                const { rspeedyConfig, configPath, createRspeedyOptions } = await (0, _init_js__WEBPACK_IMPORTED_MODULE_4__.S)(cwd, devOptions);
                 const watchedFiles = [
                     configPath
                 ];
@@ -43,22 +35,13 @@ export const __webpack_modules__ = {
                     await Promise.all(cleanup);
                     await dev.call(this, cwd, devOptions);
                 });
-                const options = {
-                    cwd,
-                    rspeedyConfig
-                };
-                if (devOptions.noEnv) options.loadEnv = false;
-                else if (devOptions.envMode) options.loadEnv = {
-                    mode: devOptions.envMode
-                };
-                if (devOptions.environment) options.environment = devOptions.environment;
-                const rspeedy = await (0, _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_3__.S)(options);
+                const rspeedy = await (0, _create_rspeedy_js__WEBPACK_IMPORTED_MODULE_2__.S)(createRspeedyOptions);
                 const server = await rspeedy.createDevServer();
                 const { server: { close } } = await server.listen();
                 onBeforeRestart.push(close);
             } catch (error) {
                 _rsbuild_core__WEBPACK_IMPORTED_MODULE_1__.logger.error(error);
-                (0, _exit_js__WEBPACK_IMPORTED_MODULE_4__.exit)(1);
+                (0, _exit_js__WEBPACK_IMPORTED_MODULE_3__.exit)(1);
             }
         }
         async function watchFiles(files, callback) {
@@ -85,24 +68,23 @@ export const __webpack_modules__ = {
             };
         }
     },
-    "./src/config/loadConfig.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+    "./src/cli/init.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
-            ME: ()=>loadConfig,
-            Mk: ()=>resolveConfigPath
+            S: ()=>init
         });
-        var node_fs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("node:fs");
-        var node_path__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("node:path");
-        var node_url__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__("node:url");
-        var picocolors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__("../../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js");
-        var picocolors__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/ __webpack_require__.n(picocolors__WEBPACK_IMPORTED_MODULE_5__);
-        var _lynx_js_rspeedy_register__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__("@lynx-js/rspeedy/register");
-        var _debug_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__("./src/debug.ts");
+        var external_node_fs_ = __webpack_require__("node:fs");
+        var external_node_path_ = __webpack_require__("node:path");
+        var external_node_url_ = __webpack_require__("node:url");
+        var picocolors = __webpack_require__("../../../node_modules/.pnpm/picocolors@1.1.1/node_modules/picocolors/picocolors.js");
+        var picocolors_default = /*#__PURE__*/ __webpack_require__.n(picocolors);
+        var register_ = __webpack_require__("@lynx-js/rspeedy/register");
+        var debug = __webpack_require__("./src/debug.ts");
         const resolveConfigPath = (root, customConfig)=>{
             if (customConfig) {
-                (0, _debug_js__WEBPACK_IMPORTED_MODULE_4__.fF)(`load custom config file ${customConfig} from ${root}`);
-                const customConfigPath = (0, node_path__WEBPACK_IMPORTED_MODULE_1__.isAbsolute)(customConfig) ? customConfig : (0, node_path__WEBPACK_IMPORTED_MODULE_1__.join)(root, customConfig);
-                if (node_fs__WEBPACK_IMPORTED_MODULE_0__["default"].existsSync(customConfigPath)) return customConfigPath;
-                throw new Error(`Cannot find config file: ${picocolors__WEBPACK_IMPORTED_MODULE_5___default().dim(customConfigPath)}`);
+                (0, debug.fF)(`load custom config file ${customConfig} from ${root}`);
+                const customConfigPath = (0, external_node_path_.isAbsolute)(customConfig) ? customConfig : (0, external_node_path_.join)(root, customConfig);
+                if (external_node_fs_["default"].existsSync(customConfigPath)) return customConfigPath;
+                throw new Error(`Cannot find config file: ${picocolors_default().dim(customConfigPath)}`);
             }
             const CONFIG_FILES = [
                 'lynx.config.ts',
@@ -111,23 +93,23 @@ export const __webpack_modules__ = {
                 'lynx.config.mjs'
             ];
             for (const file of CONFIG_FILES){
-                (0, _debug_js__WEBPACK_IMPORTED_MODULE_4__.fF)(`load default config file ${file} from ${root}`);
-                const configFile = (0, node_path__WEBPACK_IMPORTED_MODULE_1__.join)(root, file);
-                if (node_fs__WEBPACK_IMPORTED_MODULE_0__["default"].existsSync(configFile)) {
-                    (0, _debug_js__WEBPACK_IMPORTED_MODULE_4__.fF)(`default config ${configFile} found`);
+                (0, debug.fF)(`load default config file ${file} from ${root}`);
+                const configFile = (0, external_node_path_.join)(root, file);
+                if (external_node_fs_["default"].existsSync(configFile)) {
+                    (0, debug.fF)(`default config ${configFile} found`);
                     return configFile;
                 }
             }
             throw new Error([
-                `Cannot find the default config file: ${picocolors__WEBPACK_IMPORTED_MODULE_5___default().dim((0, node_path__WEBPACK_IMPORTED_MODULE_1__.join)(root, CONFIG_FILES[0]))}.`,
-                `Use custom config with ${picocolors__WEBPACK_IMPORTED_MODULE_5___default().green('`--config <config>`')} options.`
+                `Cannot find the default config file: ${picocolors_default().dim((0, external_node_path_.join)(root, CONFIG_FILES[0]))}.`,
+                `Use custom config with ${picocolors_default().green('`--config <config>`')} options.`
             ].join(' '));
         };
         async function loadConfig(loadConfigOptions) {
             let { configPath } = loadConfigOptions;
-            if (!configPath || !(0, node_path__WEBPACK_IMPORTED_MODULE_1__.isAbsolute)(configPath)) configPath = resolveConfigPath(loadConfigOptions.cwd ?? process.cwd(), configPath);
-            const specifier = (0, node_url__WEBPACK_IMPORTED_MODULE_2__.pathToFileURL)(configPath).toString();
-            const unregister = shouldUseNativeImport(configPath) ? ()=>void 0 : (0, _lynx_js_rspeedy_register__WEBPACK_IMPORTED_MODULE_3__.register)();
+            if (!configPath || !(0, external_node_path_.isAbsolute)(configPath)) configPath = resolveConfigPath(loadConfigOptions.cwd ?? process.cwd(), configPath);
+            const specifier = (0, external_node_url_.pathToFileURL)(configPath).toString();
+            const unregister = shouldUseNativeImport(configPath) ? ()=>void 0 : (0, register_.register)();
             try {
                 const [exports, { validate }] = await Promise.all([
                     import(`${specifier}?t=${Date.now()}`),
@@ -153,13 +135,38 @@ export const __webpack_modules__ = {
             return NODE_OPTIONS.includes('--experimental-transform-types') || NODE_OPTIONS.includes('--experimental-strip-types');
         }
         function isJavaScriptPath(configPath) {
-            const ext = (0, node_path__WEBPACK_IMPORTED_MODULE_1__.extname)(configPath);
+            const ext = (0, external_node_path_.extname)(configPath);
             return [
                 '.js',
                 '.mjs',
                 '.cjs'
             ].includes(ext);
         }
+        async function init(cwd, options) {
+            const { content: rspeedyConfig, configPath } = await loadConfig({
+                cwd,
+                configPath: options.config
+            });
+            const createRspeedyOptions = {
+                cwd,
+                rspeedyConfig
+            };
+            if (options.noEnv) createRspeedyOptions.loadEnv = false;
+            else if (options.envMode) createRspeedyOptions.loadEnv = {
+                mode: options.envMode
+            };
+            if ('base' in options && options.base) {
+                rspeedyConfig.server ??= {};
+                rspeedyConfig.server.base = options.base;
+            }
+            if ('environment' in options && options.environment) createRspeedyOptions.environment = options.environment;
+            if (options.mode) rspeedyConfig.mode = options.mode;
+            return {
+                createRspeedyOptions,
+                configPath,
+                rspeedyConfig
+            };
+        }
     },
     "./src/create-rspeedy.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
         __webpack_require__.d(__webpack_exports__, {
@@ -168,11 +175,18 @@ export const __webpack_modules__ = {
         var external_node_path_ = __webpack_require__("node:path");
         var core_ = __webpack_require__("@rsbuild/core");
         function applyDefaultRspeedyConfig(config) {
-            const ret = (0, core_.mergeRsbuildConfig)(config, {
+            const ret = (0, core_.mergeRsbuildConfig)({
                 output: {
                     filename: getFilename(config.output?.filename)
+                },
+                tools: {
+                    rsdoctor: {
+                        experiments: {
+                            enableNativePlugin: true
+                        }
+                    }
                 }
-            });
+            }, config);
             return ret;
         }
         const DEFAULT_FILENAME = '[name].[platform].bundle';
@@ -275,6 +289,7 @@ export const __webpack_modules__ = {
                 plugins: config.plugins,
                 performance: {
                     chunkSplit: config.performance?.chunkSplit,
+                    profile: config.performance?.profile,
                     removeConsole: toRsbuildRemoveConsole(config),
                     printFileSize: config.performance?.printFileSize ?? true
                 },

package/dist/src_cli_exit_ts.js

@@ -1,5 +1,5 @@
 export const __webpack_ids__ = [
-    'src_cli_exit_ts'
+    "src_cli_exit_ts"
 ];
 export const __webpack_modules__ = {
     "./src/cli/exit.ts": function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {