VITE(フロントエンドツール)?


あなたが新しい反応プロジェクトを始めたいと言います、あなたがする最初のことは実行されます
npx create-react-app my-app
すべての必要な依存関係を手動でインストールする必要があります.今このプロセスは平均で4〜5分かかります.

入力する


VITE開発者のためのより速い開発体験を促進するビルドツールです.これはエヴァンあなたによって作成されました.
  • ホットモジュール置換
    迅速なホットモジュール置換(HMR)を提供する高速開発サーバー、その強化された機能のため.
  • ここからESネイティブモジュールについてもっと読むことができます.
  • ロップラップ
    VITEはrollupで開発者のコードをバンドルするビルドコマンドを持っています.
  • これは単純なコードをコンパイルし、複雑なアプリケーションに組み込むJavaScriptモジュールバンドルです.
    ロールアップは事前に構成されているので、それは生産のために最適化されている静的なアプリケーションを生成するために簡単です.

    Viteの利益


    開発者の生産性は、パフォーマンスと速度を含む多くの要因によって影響されます.
    JavaScriptは、複雑さに応じてアプリケーションをスローダウンさせることができます.VITEはESBuildを使用してこの問題を解決します.
    ESBuildは依存関係のプレバンドルを強化する依存関係プレバンドルです.これは、サーバーの速度とホットモジュールの交換の増加につながる.

    viteの特徴


    VITEの主な特徴は以下の通りです.
  • インスタントサーバースタート.
  • 高速ホットモジュールの交換
  • ビルドプロセスを最適化.
  • VITEを使用して反応アプリケーションを作成しましょう.

    VITEを使用して反応アプリケーションを作成する。


    デスクトップに移動し、新しいフォルダを作成します.このディレクトリはすべてのファイルを保存します.
    次のコマンドをCLIに書き込みます.
    npm init vite
    
    さまざまなプロセスが画面上で実行されていることが表示されます.
    当社のプロジェクトが作成されます.インストールして実行しましょう.

    次のように、package.jsonファイルが見えます.

    最後に、次のコマンドを実行して、devサーバーを起動します.
    npm run dev
    
    あなたのブラウザーで提供されたリンクをコピーして、ペーストしてください.今、反応して、ローカルサーバー上で実行Vite.おめでとう!