Vite 是一个构建工具，旨在利用现代 JavaScript 工具链的强大功能，为前端开发提供快速的开发体验和高效的构建性能。以下是关于 Vite 的简要介绍。

什么是 Vite？

Vite 是一个构建工具，它利用 JavaScript 的模块系统来提供快速的开发体验。它支持 ES 模块、TypeScript、CSS、预处理器等，并且能够无缝地与现有工具链集成。

为什么选择 Vite？

  • 🚀 快速的开发体验：Vite 通过原生 ES 模块支持提供即时热更新，这意味着你可以看到代码更改而无需重新启动开发服务器。
  • 💪 高效的构建性能：Vite 使用 Rollup 作为构建工具，提供了高效的构建性能。
  • 🌐 易于集成：Vite 可以与各种前端工具链无缝集成，如 Webpack、ESLint、Prettier 等。

Vite 的基本使用

  1. 安装 Vite：使用 npm 或 yarn 安装 Vite。
    npm install --save-dev vite
  2. 创建 Vite 项目：使用 Vite CLI 创建新项目。
    npx create-vite@latest my-vite-project
  3. 启动开发服务器：进入项目目录并启动开发服务器。
    cd my-vite-project
npm run dev
  4. 访问项目：在浏览器中访问 http://localhost:3000。

扩展阅读

Vite Logo