@quicktvui/web-cli 1.0.0-beta.21 → 1.0.0-beta.23

package/lib/webpack.config.js

@@ -100,8 +100,9 @@ function detectCSSLoader() {
 
 const cssLoader = detectCSSLoader()
 
-// 入口文件
+// 入口文件：只加载 entry-package.js，主入口通过动态 import 加载
 const entryPackageFile = path.resolve(__dirname, 'entry-package.js')
+const entryFiles = ['regenerator-runtime/runtime', entryPackageFile]
 
 module.exports = {
   mode: 'development',
@@ -143,15 +144,16 @@ module.exports = {
   },
 
   watchOptions: {
-    aggregateTimeout: 300,
+    aggregateTimeout: 1500,
+    poll: 1000,
     ignored: /node_modules/,
   },
 
-  devtool: 'eval-cheap-module-source-map',
+  devtool: 'source-map',
 
-  // 入口配置：支持 HMR
+  // 多入口配置：先加载初始化代码，再加载主入口
   entry: {
-    index: ['regenerator-runtime/runtime', entryPackageFile],
+    index: entryFiles,
   },
 
   output: {
@@ -192,10 +194,7 @@ module.exports = {
         use: [
           {
             loader: 'vue-loader',
-            options: { 
-              compilerOptions: { whitespace: 'condense' },
-              hotReload: true,
-            },
+            options: { compilerOptions: { whitespace: 'condense' } },
           },
           'scope-loader',
         ],
@@ -275,6 +274,6 @@ module.exports = {
 
   performance: { hints: false },
 
-  // 忽略动态 require 的警告
+  // 忽略 entry-local.js 中动态 require 的警告（这是预期行为）
   ignoreWarnings: [/Critical dependency: the request of a dependency is an expression/],
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quicktvui/web-cli",
-  "version": "1.0.0-beta.21",
+  "version": "1.0.0-beta.23",
   "description": "CLI tool for QuickTVUI web development - zero configuration",
   "author": "QuickTVUI Team",
   "license": "Apache-2.0",
@@ -24,7 +24,7 @@
     "minimist": "^1.2.8",
     "shelljs": "^0.10.0",
     "signale": "^1.4.0",
-    "@quicktvui/web-renderer": "^1.0.6",
+    "@quicktvui/web-renderer": "^1.0.7",
     "scope-loader": "^1.0.3",
     "webpack": "^5.89.0",
     "webpack-cli": "^5.1.0",

package/templates/web-renderer.html

@@ -50,6 +50,7 @@
       height: 1080px !important;
       transform-origin: top left;
       background-color: #26292F;
+      visibility: hidden;
     }
     /* 返回按钮样式 */
     #web-back-btn {
@@ -131,6 +132,9 @@
         var offsetY = (_originalInnerHeight - TV_HEIGHT * scale) / 2;
         app.style.marginLeft = offsetX + 'px';
         app.style.marginTop = offsetY + 'px';
+        
+        // Show the app after positioning
+        app.style.visibility = 'visible';
 
         // 更新返回按钮位置，相对于 #app 左上角
         var btn = document.getElementById('web-back-btn');
@@ -144,6 +148,13 @@
         }
       }
     }
+    
+    // Execute immediately when DOM is ready (before load event)
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', scaleApp);
+    } else {
+      scaleApp();
+    }
     window.addEventListener('load', scaleApp);
     window.addEventListener('resize', scaleApp);
   </script>