Vite

Vite 是由 Evan You 创建、VoidZero Inc. 维护的下一代前端构建工具。它利用浏览器原生 ES 模块导入能力，在开发环境下实现毫秒级冷启动和即时热更新（HMR），无需等待打包即可预览项目。生产构建则基于 Rolldown 进行高效打包，支持代码分割、摇树优化、CSS 和静态资源处理等。

核心特性

• 极速开发服务器：无需打包，按需编译源码，启动和更新几乎无延迟。
• 热模块替换（HMR）：模块级更新，保持应用状态，提升开发效率。
• 开箱即用：内置 TypeScript、JSX、CSS 预处理器、Web Worker、WebAssembly 等支持。
• 优化构建：使用 Rolldown 进行生产打包，支持自动代码分割、压缩和异步加载。
• 灵活的插件系统：兼容 Rollup 插件接口，并可扩展 Vite 特有钩子。
• 服务端渲染（SSR）支持：提供一流 SSR 开发体验，可构建自定义 SSR 框架。

适用人群

• 前端开发者：日常构建 Vue、React、Svelte、Solid 等框架项目。
• 框架作者：基于 Vite 搭建专属开发环境和构建工具链。
• 全栈开发者：使用 SSR 或 SSG 构建高性能网站。

使用方式

通过命令行脚手架快速创建项目：npm create vite@latest。然后进入项目目录，运行 npm install 安装依赖，npm run dev 启动开发服务器，npm run build 进行生产构建。也可手动配置 vite.config.ts 调整构建选项、插件和代理等。

注意事项

• 确保 Node.js 版本 >= 18。
• 部分旧浏览器可能需要 Polyfill 或使用传统模式构建。
• 插件生态丰富，但应选择维护良好的官方或社区插件。