- index.css 以 Tailwind 4 @theme 落地设计令牌,全部页面按新设计稿重写 样式:首页/笔记详情/标签页/登录/后台列表/编辑/回收站/设置/404 - Layout 重构导航与主题切换;新增 Toast 轻提示组件 - 移除 vite 手动 codeSplitting:分组 chunk 会被提升进入口静态依赖并对 HTML 发出 modulepreload,lazy 路由的 CodeMirror 在所有页面被预加载 (Lighthouse unused-javascript 549KiB 的根因) - vite dev 代理补 changeOrigin:false,保留浏览器原始 Host,避免后端 Origin 校验误判跨源 403
30 lines
1.1 KiB
TypeScript
30 lines
1.1 KiB
TypeScript
import { defineConfig } from 'vite'
|
||
import react from '@vitejs/plugin-react'
|
||
import tailwindcss from '@tailwindcss/vite'
|
||
|
||
// https://vite.dev/config/
|
||
export default defineConfig({
|
||
// base 必须为默认 '/':相对 base 在 /notes/:slug 深链下会把资源解析到
|
||
// /notes/assets/… 导致白屏(设计 §8.3-2,禁止修改)
|
||
base: '/',
|
||
plugins: [react(), tailwindcss()],
|
||
server: {
|
||
proxy: {
|
||
// 同源是 Cookie/CSRF 成立的前提(§10.5)
|
||
// changeOrigin:false —— 保留浏览器原始 Host(localhost:5173),
|
||
// 否则后端 Origin 校验会因 Host 被改写为 127.0.0.1:8080 而判定跨源 403。
|
||
'/api': {
|
||
target: 'http://127.0.0.1:8080',
|
||
changeOrigin: false,
|
||
},
|
||
},
|
||
},
|
||
build: {
|
||
// 产物内容 hash 文件名(§8.3-5)
|
||
assetsDir: 'assets',
|
||
// 不做手动 codeSplitting 分组:分组 chunk 会被提升进入口静态依赖,
|
||
// HTML 对其发出 modulepreload,导致 lazy() 路由的 CodeMirror 在
|
||
// 所有页面被预加载(Lighthouse unused-javascript 549KiB 的根因)。
|
||
},
|
||
})
|