Vite

Vite（法语意为 "快速的"）是一个现代化的前端构建工具，以其快速的开发服务器和高效的构建性能而闻名。它由 Vue.js 的作者尤雨溪开发，但现在支持多种框架。

什么是 Vite？

Vite 的核心理念是利用现代浏览器的原生 ES 模块导入功能，在开发环境中实现快速的冷启动和即时的热模块替换（HMR）。与传统的打包工具不同，Vite 将构建过程分为两个部分：

开发环境：使用原生 ES 模块进行按需加载，无需打包整个应用
生产环境：使用 Rollup 进行优化的打包

主要特性

快速冷启动：无需打包，快速启动开发服务器
即时 HMR：仅更新修改的模块，保持快速更新速度
原生 ES 模块支持：无需打包器即可使用原生 ES 模块
丰富的插件系统：兼容 Rollup 插件生态系统
开箱即用：支持 TypeScript、JSX、CSS 预处理器等

安装和使用

使用 npm

bash

npm create vite@latest

使用 yarn

bash

yarn create vite

使用 pnpm

bash

pnpm create vite@latest

项目结构

一个典型的 Vite 项目结构如下：

my-vite-project/
├── index.html
├── package.json
├── vite.config.js
├── public/
│   └── favicon.ico
└── src/
    ├── assets/
    ├── components/
    ├── App.vue
    └── main.js

Vite #

什么是 Vite？ #

主要特性 #

安装和使用 #

使用 npm #

使用 yarn #

使用 pnpm #

项目结构 #

Vite 详细指南 #

Vite

什么是 Vite？

主要特性

安装和使用

使用 npm

使用 yarn

使用 pnpm

项目结构

Vite 详细指南