Vite

说明

• Vite 适合作为现代前端项目的默认开发服务器与构建工具.
• 其特点是开发阶段启动快, 热更新轻量, 且插件生态较丰富.

常见使用场景

• 初始化 Vue, React, Svelte 等前端项目.
• 处理 TypeScript, CSS 和静态资源构建.
• 通过插件扩展 Markdown, CSV, 图标和自动导入等能力.

引入 CSV 文件

参考: https://github.com/vitejs/vite/discussions/8271

处理思路:

• 若只是运行时读取数据, 可把 CSV 当静态资源请求.
• 若希望在构建期直接导入, 通常需要借助对应插件或转换流程.

使用建议

• 先确认资源是要在构建期内联, 还是运行时单独请求.
• 对 CSV, Markdown, SVG 等资源, 可优先查对应插件生态.
• 若项目已经接入 UnoCSS, 路由自动生成或图标插件, 建议统一在 vite.config.ts 管理.
• 若后续继续整理, 可补“别名配置”, “代理转发”, “多环境变量”与“构建优化”示例.