aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/vite.config.ts
diff options
context:
space:
mode:
authorshu <nvcsadjkojf@outlook.com>2026-09-06 17:04:49 +0800
committershu <nvcsadjkojf@outlook.com>2026-09-06 17:04:49 +0800
commit2f1057a9d9d51d0e657c1203d3781173e8efc611 (patch)
tree2f73e849ca435ac071fce3a58baa411005bcf5bc /vite.config.ts
初始化 React TypeScript 模板并实现 Mantine 响应式基础布局
- 使用 Vite、React 和 TypeScript 初始化项目,配置 pnpm、Oxlint 与 Mantine PostCSS - 接入 React Router Data Mode,将页面路由、菜单标题和图标统一维护在路由配置中 - 添加首页、关于概览与关于我页面,使用 Nested NavLinks 根据路由生成多级菜单 - 实现桌面侧栏展开和图标模式、移动端全宽抽屉以及与品牌区对齐的顶栏 - 将布局自定义样式拆分为 CSS Modules,统一 xs 间距并固定菜单图标列位置 - 添加文档流页脚,展示自动更新年份的示例版权说明 - 配置 Mantine 默认圆角、项目说明及中文提交约定 验证:pnpm build、pnpm lint、git diff --cached --check 均通过。
Diffstat (limited to 'vite.config.ts')
-rw-r--r--vite.config.ts7
1 files changed, 7 insertions, 0 deletions
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..9982072
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,7 @@
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+ plugins: [react()],
+})