feat: basic dev command

Author: chenjiahan

examples/react/package.json

@@ -4,7 +4,7 @@
   "type": "module",
   "scripts": {
     "build": "rs build",
-    "dev": "rs dev --open",
+    "dev": "rs dev",
     "preview": "rs preview"
   },
   "dependencies": {

src/cli/commands.ts

@@ -1,7 +1,7 @@
 import cac from 'cac';
 import { logger } from '@rsbuild/core';
 import { initRsbuild } from './rsbuild.js';
-import type { BuildOptions } from './types.js';
+import type { BuildOptions, DevOptions } from './types.js';
 
 declare global {
   const RSTACK_VERSION: string;
@@ -12,6 +12,22 @@ export function setupCommands(): void {
 
   cli.version(RSTACK_VERSION);
 
+  cli.command('dev', 'Start the Rsbuild dev server').action(async (options: DevOptions) => {
+    try {
+      const rsbuild = await initRsbuild({
+        options,
+      });
+      if (!rsbuild) {
+        return;
+      }
+      await rsbuild.startDevServer();
+    } catch (err) {
+      logger.error('Failed to start dev server.');
+      logger.error(err);
+      process.exit(1);
+    }
+  });
+
   cli
     .command('build', 'Run Rsbuild to build the app for production')
     .option('-w, --watch', 'Enable watch mode to automatically rebuild on file changes')

src/cli/types.ts

@@ -6,3 +6,5 @@ export type BuildOptions = {
   root?: string;
   watch?: boolean;
 };
+
+export type DevOptions = RsbuildCommonOptions;