@quicktvui/web-cli 1.0.0-beta.24 → 1.0.0-beta.26

package/bin/qt-web-cli.js

@@ -164,37 +164,54 @@ async function main() {
 
   // 检测 OpenSSL 版本
   const needLegacyProvider = checkOpenSSLVersion(process.versions.openssl)
-  let nodeOptions = ''
   if (needLegacyProvider) {
-    nodeOptions = '--openssl-legacy-provider'
     signale.warn(`检测到 OpenSSL ${process.versions.openssl}，已添加 --openssl-legacy-provider`)
+    process.env.NODE_OPTIONS = '--openssl-legacy-provider'
   }
 
-  // 构建 webpack 命令
-  const webpackArgs = ['serve', `--config "${webpackConfigPath}"`, `--port ${args.port}`, '--color']
+  signale.pending(`启动开发服务器: http://localhost:${args.port}`)
 
-  const envPrefix = nodeOptions ? `NODE_OPTIONS="${nodeOptions}" ` : ''
-  const webpackCmd = `${envPrefix}npx webpack ${webpackArgs.join(' ')}`
+  // 使用 webpack Node API 启动开发服务器
+  startDevServer(webpackConfigPath, args.port, args.open)
+}
 
-  signale.pending(`执行: ${webpackCmd}`)
+/**
+ * 使用 webpack Node API 启动开发服务器
+ */
+function startDevServer(configPath, port, shouldOpen) {
+  const webpack = require('webpack')
+  const WebpackDevServer = require('webpack-dev-server')
+  const config = require(configPath)
+
+  // 确保 devServer 配置正确
+  config.devServer = config.devServer || {}
+  config.devServer.port = port
+  config.devServer.open = false // 我们自己控制浏览器打开
+
+  const compiler = webpack(config)
+  const server = new WebpackDevServer(config.devServer, compiler)
+
+  server.startCallback((err) => {
+    if (err) {
+      signale.error('启动开发服务器失败:', err.message)
+      process.exit(1)
+    }
+    signale.success(`开发服务器已启动: http://localhost:${port}`)
 
-  // 如果需要打开浏览器，等待服务器就绪后打开
-  if (args.open) {
-    const url = `http://localhost:${args.port}`
-    waitForServer(url, 30000)
-      .then(() => {
-        openOrRefreshBrowser(url)
-      })
-      .catch((err) => {
-        signale.warn(`自动打开浏览器失败: ${err.message}`)
-      })
-  }
+    // 打开浏览器
+    if (shouldOpen) {
+      const url = `http://localhost:${port}`
+      openOrRefreshBrowser(url)
+    }
+  })
 
-  const result = exec(webpackCmd, { stdio: 'inherit' })
-  if (result.code !== 0) {
-    signale.error('启动开发服务器失败')
-    process.exit(1)
-  }
+  // 处理退出信号
+  process.on('SIGINT', () => {
+    server.stopCallback(() => {
+      signale.info('开发服务器已停止')
+      process.exit(0)
+    })
+  })
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/web-cli",
-  "version": "1.0.0-beta.24",
+  "version": "1.0.0-beta.26",
   "description": "CLI tool for QuickTVUI web development - zero configuration",
   "author": "QuickTVUI Team",
   "license": "Apache-2.0",