Skip to content
Viteconf logoViteConf 2024 Talks

The Build Tool
for the Web

Vite 是一个超快速的前端构建工具,推动着下一代网络应用的发展

.html.css.js

重新诠释开发者体验

Vite 让 Web 开发重回简单

极速的服务启动
使用原生 ESM 文件,无需打包
轻量快速的模块热替换
无论应用程序大小如何,都始终以极快的速度进行模块热替换(HMR)
JSON
CSS3
Javascript
Typescript
PostCSS
丰富的功能
对 TypeScript、JSX、CSS 等支持开箱即用
优化后的构建
可选 “多页应用” 或 “库” 模式的预配置 Rollup 构建

共同构建的坚实基础

灵活的插件系统
Vite 插件扩展了 Rollup 精妙的插件接口,并增加了一些 Vite 特有的选项配置
import { createServer } from 'vite'

const server = await createServer({
   // user config options
})
await server.listen()
server.printUrls()
(method) ViteDevServer.listen(port?: number | undefined, isRestart?: boolean | undefined): Promise<ViteDevServer>
Start the server.
完全类型化的 API
专为在上层构建而设计
.JSClient transformServer transform
一流的 SSR 支持
设置自定义 SSR(服务端渲染)或构建自己的 SSR 框架从未如此简单
CI Tests
持续的生态系统集成
我们的持续集成(CI)系统在不断针对下游项目测试 Vite 的更改, 使我们能够在确保稳定性的同时,自信地改进 Vite

支持你喜爱的框架和工具

VitestReactAngularVueSolidSveltePreactAstroRemixNuxt
QwikRedwoodAnalogPlaywrightStorybookMarkoLaravelAdonisJSEmberJS

深受社区喜爱

不要只听我们说 —— 来听听 Vite 社区成员的声音

Ryan Carniato
Ryan Carniato@RyanCarniato

I'm loving what Vite enables. We've found building SolidStart that it is less a metaframework but a system of symbiotic Vite plugins. While built with SolidJS in mind, they should scale from our simplest template to opinionated starter. We're building an ecosystem on Vite.

Rich Harris
Rich Harris@Rich_Harris

Vite is basically the united nations of JavaScript at this point. I'll be there as a representative of Sveltelandia

David East
David East@_davideast

Each and every time I use Vite, I feel a true sense of pure and unbridled joy.

Mark Dalgleish
Mark Dalgleish@markdalgleish

It’s also a great platform to build a framework on since it provides a pluggable dev environment.

Community is amazing too.

Jason Miller
Jason Miller@_developit

Every time I suspect I've hit the bounds of what Vite can do, I end up being wrong.

David Cramer
David Cramer@zeeg

Vite has been a game changer for the industry.

Dion Almaer
Dion Almaer@dalmaer

I am so excited to see so many great frameworks teaming up on top of vite. So many will benefit. ❤️ to the vite team.

Christoph Nakazawa
Christoph Nakazawa@cpojer

Vite is gonna eat the (JavaScript) world.

Nikolaj
Nikolaj@lopugit

Wow, wow, wow, wow, wow, wow, Vite is..... Vite is.... Wow 🤤🤯🙏

使用 Vite 开始构建

准备好迎接一个能跟上您思维速度的开发环境

开始

Released under the MIT License. (dev)