@quicktvui/web-cli 1.0.0-beta.35 → 1.0.0-beta.37

package/bin/qt-web-cli.js

@@ -191,22 +191,18 @@ function startDevServer(configPath, port, shouldOpen) {
   const compiler = webpack(config)
   const server = new WebpackDevServer(config.devServer, compiler)
 
-  // 监听编译完成事件，在首次编译完成后打开浏览器
-  let isOpened = false
-  compiler.hooks.done.tap('open-browser', (stats) => {
-    if (!isOpened && shouldOpen) {
-      isOpened = true
-      const url = `http://localhost:${port}`
-      openOrRefreshBrowser(url)
-    }
-  })
-
   server.startCallback((err) => {
     if (err) {
       signale.error('启动开发服务器失败:', err.message)
       process.exit(1)
     }
     signale.success(`开发服务器已启动: http://localhost:${port}`)
+
+    // 打开浏览器
+    if (shouldOpen) {
+      const url = `http://localhost:${port}`
+      openOrRefreshBrowser(url)
+    }
   })
 
   // 处理退出信号

package/lib/entry-package.js

@@ -1,6 +1,6 @@
 // @quicktvui/web-cli - web entry
 // 通过 @quicktvui/web-renderer 导入所有依赖
-// 主入口由 webpack 静态加载，HMR 可追踪
+// 动态加载主入口，确保初始化顺序正确
 
 console.log('[Web Renderer] === Starting initialization ===')
 
@@ -49,12 +49,17 @@ styleEl.textContent = `
 document.head.appendChild(styleEl)
 console.log('[Web Renderer] Global CSS reset injected')
 
-// 启动引擎（主入口由 webpack 静态加载，会在本文件之后执行）
-console.log('[Web Renderer] Starting engine...')
-startWebEngine(engine, APP_NAME)
-console.log('[Web Renderer] === Initialization complete ===')
-
-// HMR 支持 - 接受所有模块更新
-if (module.hot) {
-  module.hot.accept()
-}
+// 动态加载主入口，等待加载完成后再启动引擎
+console.log('[Web Renderer] Importing main module...')
+import(__QUICKTVUI_MAIN_ENTRY__)
+  .then(() => {
+    console.log('[Web Renderer] Main module loaded')
+    console.log('[Web Renderer] Starting engine...')
+    startWebEngine(engine, APP_NAME)
+    setTimeout(() => {
+      console.log('[Web Renderer] === Initialization complete ===')
+    }, 1000)
+  })
+  .catch((err) => {
+    console.error('[Web Renderer] Failed to load main module:', err)
+  })

package/lib/webpack.config.js

@@ -104,14 +104,13 @@ const cssLoader = detectCSSLoader()
 const cliDir = path.resolve(__dirname, '..')
 const resolveLoader = (loaderName) => require.resolve(loaderName, { paths: [cliDir] })
 
-// 入口文件：主入口作为静态入口以便 HMR 追踪
+// 入口文件：只加载 entry-package.js，主入口通过动态 import 加载
 const entryPackageFile = path.resolve(__dirname, 'entry-package.js')
-// 手动注入 webpack-dev-server 客户端（全局安装时需要）
-const webpackDevServerPath = require.resolve('webpack-dev-server/client', { paths: [cliDir] })
+const entryFiles = ['regenerator-runtime/runtime', entryPackageFile]
 
 module.exports = {
   mode: 'development',
-  bail: false,
+  bail: true,
 
   devServer: {
     port,
@@ -149,34 +148,26 @@ module.exports = {
   },
 
   watchOptions: {
-    aggregateTimeout: 300,
-    poll: 1000,  // 移动硬盘必须使用轮询
+    aggregateTimeout: 1500,
+    poll: 1000,
     ignored: /node_modules/,
   },
 
   devtool: 'source-map',
 
-  // 多入口配置：主入口静态加载以便 HMR 追踪
+  // 多入口配置：先加载初始化代码，再加载主入口
   entry: {
-    index: [
-      `${webpackDevServerPath}?http://localhost:${port}`,
-      'webpack/hot/dev-server',
-      'regenerator-runtime/runtime',
-      entryPackageFile,
-      mainEntry,  // 静态加载主入口，HMR 可以追踪
-    ],
+    index: entryFiles,
   },
 
   output: {
     filename: 'index.bundle.js',
     path: path.resolve(projectRoot, './dist/web/'),
-    publicPath: '/',
     strictModuleExceptionHandling: true,
     globalObject: '(0, eval)("this")',
   },
 
   plugins: [
-    new (require('webpack').HotModuleReplacementPlugin)(),
     new (require('vue-loader').VueLoaderPlugin)(),
     new (require('html-webpack-plugin'))({
       inject: true,

package/package.json

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