跳到主要内容
版本:Current

技术栈

核心框架​

技术版本(package.json)用途
React / React DOM18.2.0UI 框架
React Router DOM6.9.0客户端路由
Vite8.x开发服务器与生产构建
@vitejs/plugin-react6.xVite 的 React 插件
i18next26.x国际化
react-i18next17.xReact 绑定

Node 版本要求:20.19+ 或 22.12+(Vite 8)。推荐 Node 22 LTS。

样式方案​

技术用途
Tailwind CSS 3.4.17主要样式,工具类
PostCSS + AutoprefixerCSS 处理
内联 Tailwind plugintext-shadow-* 工具类(写在 tailwind.config.js,不是独立 npm 包)
自定义 keyframesfadeInUp、fadeInLeft、fadeIn

主题与扩展​

定义在 tailwind.config.js 的 theme.extend:

Token值用途
bured#B24D4D主色
bured-deep#772525加深红
bu-stone / bu-ink / bu-muted / bu-gold中性色与点缀正文与品牌
bu-overlayrgba(88, 81, 78, 0.67)CompactPageHeader 遮罩
textShadow.md灰色文字阴影text-shadow-md

字体通过 index.html 加载 Google Fonts(Source Sans 3、Noto Sans/Serif SC、Source Serif 4)。

UI 与动画​

库用途
Framer Motion 12.19动画、下拉菜单、过渡
React Icons 5.5图标
@radix-ui/react-slot组件组合
class-variance-authority变体样式
clsx + tailwind-merge类名合并(cn)

构建与工具​

工具说明
Vite 8npm run dev / npm run build / npm run preview
输出目录dist/
开发端口默认 5173
环境变量当前代码不读取 .env / import.meta.env
自动化测试仓库内无测试脚本与测试框架

上游与参考​

项目官方文档源码
Reactreact.devfacebook/react
React Routerreactrouter.comremix-run/react-router
Vitevite.devvitejs/vite
i18nexti18next.comi18next/i18next
Tailwind CSStailwindcss.com/docstailwindlabs/tailwindcss
Framer Motionmotion.dev/docsmotiondivision/motion
React Iconsreact-icons.github.io/react-iconsreact-icons/react-icons
Radix UI Slotradix-ui.com/primitivesradix-ui/primitives

浏览器支持​

package.json 的 browserslist:

  • production: >0.2%, not dead, not op_mini all
  • development: 最新 Chrome / Firefox / Safari