0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Viteとは何かメモ

Posted at

Viteって何?

Viteは、次世代のフロントエンド開発ビルドツールのこと。元は々Vue.jsの作者であるEvan Youが作成したツールですが、現在はVue.js以外のフレームワークでも広く使われており、Reactでも定番になってきている模様。

Viteの特徴

高速な開発サーバー

Viteは、ESM(ECMAScript Modules)に基づいており、従来のバンドラとは異なり、開発時に必要なファイルだけをブラウザにロードします。そのため、特に大規模なプロジェクトでも非常に高速な起動とホットリロードが可能です。

高速ビルド

開発時だけでなく、Viteは本番環境向けのビルドも最適化されており、Rollupを内部的に使って高速かつ効率的なビルドを行います。

豊富なプラグイン

Viteは非常に柔軟なプラグインシステムを持っており、Rollupのプラグインも利用可能です。これにより、カスタマイズが容易で、さまざまな機能を追加できます。

多くのフレームワークをサポート

前述したとお理、Vue、ReactをはじめPreact、Svelteなど、さまざまなフレームワークに対応しており、テンプレートを用いて簡単にプロジェクトを開始できます。

まとめ

つまり、従来のツールと比べて起動速度が圧倒的に速いホットリロード(HMR)が非常に高速で、開発体験がスムーズ。Webpackのように多くの設定が不要で、すぐに使い始めることができる。
というところで優れているとされているそうです。

Viteの導入方法

導入方法は簡単。ターミナルを開いて
npm create vite
で実行するだけ!その後フレームワークや言語を選択する画面に切り替わるので、お好みで選ぶだけで簡単に導入することができます。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?