Skip to content
Viteconf logoViteConf 2024 のトーク

The Build Tool
for the Web

Vite は、次世代の Web アプリケーションを支える
超高速フロントエンドビルドツールです。

.html.css.js

開発者体験の再定義

Vite はウェブ開発を再びシンプルにします

即時サーバー起動
ネイティブ ESM でのオンデマンドファイル配信、バンドルは不要!
超高速 HMR
アプリのサイズに関わらず高速性を維持するホットモジュールリプレースメント(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. (a3c659be)