<p align="center"> <a href="https://vitejs.dev" target="_blank" rel="noopener noreferrer"> <img width="180" src="https://yellow-cdn.veclightyear.com/ab5030c0/62f9c854-73ac-4eb0-bc5b-d58a64216965.svg" alt="Vite logo"> </a> </p> <br/> <p align="center"> <a href="https://npmjs.com/package/vite"><img src="https://yellow-cdn.veclightyear.com/ab5030c0/e40f7ee3-2dd8-498e-9469-c418d8ce7eb9.svg" alt="npm package"></a> <a href="https://nodejs.org/en/about/previous-releases"><img src="https://yellow-cdn.veclightyear.com/ab5030c0/d6e30061-d382-4b44-ae17-185b4c237cbc.svg" alt="node compatibility"></a> <a href="https://github.com/vitejs/vite/actions/workflows/ci.yml"><img src="https://yellow-cdn.veclightyear.com/ab5030c0/c60b9015-313c-4a02-bdf7-65b4e6878060.svg?branch=main" alt="build status"></a> <a href="https://pr.new/vitejs/vite"><img src="https://yellow-cdn.veclightyear.com/ab5030c0/0558f9e6-2443-4c66-9029-9d6207e83c2e.svg" alt="Start new PR in StackBlitz Codeflow"></a> <a href="https://chat.vitejs.dev"><img src="https://img.shields.io/badge/chat-discord-blue?style=flat&logo=discord" alt="discord chat"></a> </p> <br/>

Vite ⚡

下一代前端工具链

• 💡 极速的服务器启动
• ⚡️ 轻量快速的热模块重载（HMR）
• 🛠️ 丰富的功能
• 📦 优化的构建
• 🔩 通用的插件接口
• 🔑 完全类型化的API

Vite（法语中"快速"的意思，发音为 /vit/，类似"veet"）是一种新型前端构建工具，能够显著提升前端开发体验。它主要由两部分组成：

• 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度极快的 模块热更新（HMR）。

• 一个 构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。

此外，Vite 通过其 插件API 和 JavaScript API 是高度可扩展的，并且具有完整的类型支持。

阅读文档以了解更多。

包

包	版本（点击查看更新日志）
vite
@vitejs/plugin-legacy
create-vite

贡献

请参阅 贡献指南。

许可证

MIT。

赞助商

<p align="center"> <a target="_blank" href="https://github.com/sponsors/yyx990803"> <img alt="sponsors" src="https://yellow-cdn.veclightyear.com/ab5030c0/40fa1abd-2035-495c-8ce3-4cded1178f0d.svg?v2"> </a> </p>