前端构建告警清理：happy-dom 替代 jsdom、批准 esbuild 安装脚本、CodeMirror 与重路由懒加载分包

web/src/App.tsx

@@ -1,17 +1,21 @@
+import { lazy, Suspense } from 'react'
 import { Navigate, Route, Routes } from 'react-router'
 import type { ReactNode } from 'react'
 import { useAuth } from './lib/auth'
 import { BlogLayout, AdminLayout } from './components/Layout'
 import Home from './pages/Home'
-import Note from './pages/Note'
 import TagPage from './pages/TagPage'
 import Login from './pages/Login'
 import AdminList from './pages/AdminList'
 import AdminTrash from './pages/AdminTrash'
-import AdminEdit from './pages/AdminEdit'
 import AdminSettings from './pages/AdminSettings'
 import NotFound from './pages/NotFound'
 
+// 重依赖路由懒加载：Note 带 markdown 渲染管线，AdminEdit 额外带 CodeMirror，
+// 拆出主包以避免单 chunk 过大（vite 500kB 告警）
+const Note = lazy(() => import('./pages/Note'))
+const AdminEdit = lazy(() => import('./pages/AdminEdit'))
+
 // 登录守卫：401 统一跳转 /admin/login（§8.2）
 function RequireAuth({ children }: { children: ReactNode }) {
   const { authenticated, loading } = useAuth()
@@ -26,21 +30,23 @@ function RequireAuth({ children }: { children: ReactNode }) {
 
 export default function App() {
   return (
-    <Routes>
-      <Route element={<BlogLayout />}>
-        <Route path="/" element={<Home />} />
-        <Route path="/notes/:slug" element={<Note />} />
-        <Route path="/tags/:tag" element={<TagPage />} />
-      </Route>
-      <Route path="/admin/login" element={<Login />} />
-      <Route element={<RequireAuth><AdminLayout /></RequireAuth>}>
-        <Route path="/admin" element={<AdminList />} />
-        <Route path="/admin/trash" element={<AdminTrash />} />
-        <Route path="/admin/settings" element={<AdminSettings />} />
-        <Route path="/admin/notes/new" element={<AdminEdit />} />
-        <Route path="/admin/notes/:id/edit" element={<AdminEdit />} />
-      </Route>
-      <Route path="*" element={<NotFound />} />
-    </Routes>
+    <Suspense fallback={<div className="flex min-h-screen items-center justify-center text-zinc-500">加载中…</div>}>
+      <Routes>
+        <Route element={<BlogLayout />}>
+          <Route path="/" element={<Home />} />
+          <Route path="/notes/:slug" element={<Note />} />
+          <Route path="/tags/:tag" element={<TagPage />} />
+        </Route>
+        <Route path="/admin/login" element={<Login />} />
+        <Route element={<RequireAuth><AdminLayout /></RequireAuth>}>
+          <Route path="/admin" element={<AdminList />} />
+          <Route path="/admin/trash" element={<AdminTrash />} />
+          <Route path="/admin/settings" element={<AdminSettings />} />
+          <Route path="/admin/notes/new" element={<AdminEdit />} />
+          <Route path="/admin/notes/:id/edit" element={<AdminEdit />} />
+        </Route>
+        <Route path="*" element={<NotFound />} />
+      </Routes>
+    </Suspense>
   )
 }