Vite を選ぶ理由 | Vite 公式中国語ドキュメント (vitejs.dev)
- その昔、JavaScript はモジュールではなく全体だったので、ファイルを小さなモジュール ファイルに分割するために、「パッケージ化」という概念が登場しました。
- Webpack、ロールアップなどのこれまでの分割ツールでは、プロジェクトがどんどん大きくなるため、開発サーバーの起動に時間がかかり、ホットリプレースメントの効果が分かりにくく、変更後の表示に時間がかかります。開発に影響を与えるコンテンツ。読者の体験
非常に小さなモジュールファイルに分割する問題を解決するには
開発サーバーの起動に時間がかからない問題を解決するには
そこで、es6ではJavaScriptのモジュール化が行われており、webpackなどのパッケージ化ツールを使わずにファイル全体を小さなモジュールファイルに次々と分割することができます。
Vite はプロジェクト内のコードを依存コードとソースコードに分割します
依存コードとは、プロジェクトが依存するサードパーティのライブラリとサードパーティのプラグインを指します。
ソースコードはプロジェクト内で自分で書いたビジネスコードです
Vite は最初に、ソース コードから依存コードを区別し、次に esbuild を使用して依存コード (サードパーティのプラグイン ライブラリ) を再パッケージしました。これが依存関係の事前構築です。
Vite は es6 のモジュール性を使用してソース コードを取得します。これは、ブラウザーが参加できるようにする、自分自身で記述されたコードです。
同時に、Vite はブラウザの http リクエスト ヘッダーも使用してページのリロードを高速化します。ソース コードがリクエストされると、304 ステータスを判断し、キャッシュをネゴシエートします。依存コードがリクエストされると、強力なキャッシュのためにブラウザのキャッシュ制御が使用され、依存コードが一度キャッシュされると、2 番目のリクエストは行われません。
上記では、http のネゴシエーション キャッシュと強力なキャッシュを使用して、ブラウザーが再び参加し、多くのことを実行できるようにします。