トップ OSS紹介 Vite

Vite

NRIのOpenStandiaが提供するVite最新情報

バージョンアップ情報

Vite情報

Viteとは

Vite(ヴィート)は、2020年に1.0.0-rc.1がリリースされた、比較的新しいフロントエンドのビルドツールです。
Vueの開発者であるEvan You氏により開発されたものですが、Vue以外にもReact等、様々な環境で利用可能な汎用的なツールです。
ヴィートとはフランス語で「速い」を意味する言葉であり、その名の通りViteの最大の特徴は実行スピードの速さです。
また、Vite はPlugin API と JavaScript API によって完全な型サポートされており、高い拡張性があります。

主な特徴

高速な起動・更新

従来のビルドツールでは、プロジェクトのすべてのファイルをビルドし、ひとまとめにして管理していました。
この方式では、プロジェクトの規模が大きくなればなるほど、起動・更新に時間を要するといった問題点があります。

Viteではesbuildを利用して事前バンドルを行います。
事前バンドルでは依存関係と最低限必要箇所の読み込みのみを行い、リクエストされたタイミングで必要な箇所を読み込むため、高速に動作します。
また、ファイルが変更された場合も、変更された箇所のみを更新することが可能です。

ライブラリの利用

TypeScript、JSX等の様々なライブラリが「out of the box」(箱から出してすぐに使える)状態で提供されます。
ただし、TypeScriptを利用する場合、Viteでは型チェックが行われない点に注意してください。

動作環境

Viteは本番バンドルではモダンな JavaScript のサポートを前提としています。
そのため、デフォルトではネイティブ ES モジュール、 ネイティブ ESM の動的インポート、 import.meta をサポートする以下のブラウザーと互換性があります。

  • Google chrome 87以降
  • Firefox 78 以降
  • Safari 14 以降
  • Microsoft Edge 88 以降

Viteのライセンス

ViteはMITライセンスのオープンソース・ソフトウエアです。MITライセンスのソフトウェアは無償で再配布、商用利用などが可能となっており、他のオープンソースライセンスに比べ制限が極めて緩いライセンスになります。

レガシーブラウザへの対応

レガシーなブラウザに対応する必要がある場合は、公式の@vitejs/plugin-lagacyを利用することができます。
詳細はドキュメントを参照してください。

オープンソース年間サポートサービス

OpenStandiaではOSSを安心してご利用いただけるように、オープンソース年間サポートサービスをご提供しております。
サポートしているOSSは下記ページをご参照ください。

お気軽にお問い合わせください

関連OSS

  • Vue.js
    サポート対象

    Vue.js

    ヴュー・ジェイエス。SPA(シングルページアプリケーション)に向いたJavaScriptフレームワークです。

  • React
    サポート対象

    React

    リアクト。Facebookが作成したMVCモデルのView領域を担当するJavascriptのUIライブラリです。

  • Angular
    サポート対象

    Angular

    アンギュラー。Googleが開発を行っているMV*モデルのJavaScriptのアプリケーションフレームワークです。

オープンソースに関するさまざまな課題、OpenStandiaがまるごと解決します。
下記コンテンツも
あわせてご確認ください。