mirror of
https://github.com/2234839/web-font.git
synced 2026-09-04 14:53:32 +08:00
cdffd4cb57
- FontList.vue: 字体列表页，卡片网格布局，支持拼音搜索，点击进入详情 - FontDetail.vue: 字体详情页，SSG 模板 + 服务端占位符替换 - LazyTrigger.vue: 可复用懒触发组件，IntersectionObserver 进入视口回调 - 首页添加字体列表入口，FontDetail 返回列表 - placeholders.ts: 前后端共享的占位符常量 - 后端 font_detail.ts: 读取 SSG 模板并替换占位符
60 lines
2.0 KiB
TypeScript
60 lines
2.0 KiB
TypeScript
import { defineConfig } from "vite";
|
||
import vue from "@vitejs/plugin-vue";
|
||
import { pilot } from "vite-plugin-pilot";
|
||
import { sitemapPlugin } from "./scripts/sitemap-plugin";
|
||
/**
|
||
* 引入 vite-ssg 的类型声明 ——
|
||
* vite-ssg 内部通过 declaration merging 给 vite 的 UserConfig 扩展了 ssgOptions 字段，
|
||
* 但只有显式 import 这个模块，TS 才会加载其类型，从而让下面的 ssgOptions 合法。
|
||
*/
|
||
import type {} from "vite-ssg";
|
||
|
||
/**
|
||
* Sitemap 路由清单 —— 构建时据此自动生成 sitemap.xml
|
||
*
|
||
* 与 src/main.ts 的 routes 表保持一致，新增页面时两处都追加。
|
||
* 优先级：首页 1.0，核心功能页 0.8，辅助页 0.6。
|
||
*/
|
||
const sitemapRoutes = [
|
||
{ path: "/", changefreq: "weekly" as const, priority: 1.0 },
|
||
{ path: "/demo", changefreq: "monthly" as const, priority: 0.6 },
|
||
];
|
||
|
||
export default defineConfig({
|
||
plugins: [vue(), pilot({ locale: "zh" }), sitemapPlugin(sitemapRoutes)],
|
||
server: {
|
||
host: "0.0.0.0",
|
||
proxy: {
|
||
"/api": {
|
||
target: "http://localhost:8087",
|
||
changeOrigin: true,
|
||
},
|
||
},
|
||
},
|
||
/**
|
||
* vite-ssg 静态站点生成配置
|
||
*
|
||
* 运行 `vite-ssg build`（见 package.json 的 build:ssg 脚本）时，
|
||
* 会对 include 列出的路由做构建期预渲染，生成带初始内容的 HTML。
|
||
* 工具页 / 的交互逻辑在 onMounted 内，预渲染阶段不执行，生成的 HTML
|
||
* 是静态外壳（含 SEO 文案），水合后变为完整 SPA。
|
||
*/
|
||
ssgOptions: {
|
||
script: "async",
|
||
dirStyle: "nested",
|
||
formatting: "minify",
|
||
/**
|
||
* 指定要预渲染的路由
|
||
*
|
||
* vite-ssg 默认会过滤掉动态路由、保留静态路由，
|
||
* 这里显式返回需要 SSG 的路由清单，新增内容页（/blog 等）时在此追加。
|
||
*/
|
||
includedRoutes: () => ["/", "/demo", "/fonts", "/fonts/__FONT_NAME__"],
|
||
/**
|
||
* 构建期（Node 环境）模拟浏览器全局变量，
|
||
* 防止第三方库在 SSG 阶段访问 window/document 时崩溃。
|
||
*/
|
||
mock: true,
|
||
},
|
||
});
|