fix: add custom index.html template with CSS link

- 添加 public/index.html 模板文件，确保 CSS 正确引入 - 更新 manifest.json 添加 template 配置 - 完善 vue.config.js 配置参考 martial-mini 项目的修复方案
2025-12-13 13:51:44 +08:00
parent cf3f0bc13b
commit 8c56251d72
3 changed files with 19 additions and 1 deletions
--- a/manifest.json
+++ b/manifest.json
@@ -58,6 +58,7 @@
        "usingComponents" : true
    },
    "h5" : {
+        "template": "index.html",
        "title" : "武术评分系统",
        "router" : {
            "mode" : "hash",
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,7 @@
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
-    <title>武术赛事管理系统</title>
+    <title>武术评分系统</title>
    <link rel="stylesheet" href="./static/index.css">
 </head>
 <body>
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,5 +1,22 @@
 module.exports = {
+  // 输出目录
+  outputDir: 'dist/build/h5',
+
+  // 静态资源目录
+  assetsDir: 'static',
+
+  // 生产环境配置
+  productionSourceMap: false,
+
+  // CSS 提取配置
  css: {
    extract: true
+  },
+
+  chainWebpack: config => {
+    // 禁用 gzip 大小报告
+    if (process.env.NODE_ENV === 'production') {
+      config.performance.hints(false)
+    }
  }
 }