VITE(フロントエンドツール)?
1913 ワード
あなたが新しい反応プロジェクトを始めたいと言います、あなたがする最初のことは実行されます
入力する
ホットモジュール置換
迅速なホットモジュール置換(HMR)を提供する高速開発サーバー、その強化された機能のため. ここからESネイティブモジュールについてもっと読むことができます.ロップラップ
VITEはrollupで開発者のコードをバンドルするビルドコマンドを持っています. これは単純なコードをコンパイルし、複雑なアプリケーションに組み込むJavaScriptモジュールバンドルです.
ロールアップは事前に構成されているので、それは生産のために最適化されている静的なアプリケーションを生成するために簡単です.
Viteの利益
インスタントサーバースタート. 高速ホットモジュールの交換 ビルドプロセスを最適化. VITEを使用して反応アプリケーションを作成しましょう.
VITEを使用して反応アプリケーションを作成する。
npx create-react-app my-app
すべての必要な依存関係を手動でインストールする必要があります.今このプロセスは平均で4〜5分かかります.入力する
VITE開発者のためのより速い開発体験を促進するビルドツールです.これはエヴァンあなたによって作成されました.
迅速なホットモジュール置換(HMR)を提供する高速開発サーバー、その強化された機能のため.
VITEはrollupで開発者のコードをバンドルするビルドコマンドを持っています.
ロールアップは事前に構成されているので、それは生産のために最適化されている静的なアプリケーションを生成するために簡単です.
Viteの利益
開発者の生産性は、パフォーマンスと速度を含む多くの要因によって影響されます.
JavaScriptは、複雑さに応じてアプリケーションをスローダウンさせることができます.VITEはESBuildを使用してこの問題を解決します.
ESBuildは依存関係のプレバンドルを強化する依存関係プレバンドルです.これは、サーバーの速度とホットモジュールの交換の増加につながる.
viteの特徴
VITEの主な特徴は以下の通りです.
VITEの主な特徴は以下の通りです.
VITEを使用して反応アプリケーションを作成する。
デスクトップに移動し、新しいフォルダを作成します.このディレクトリはすべてのファイルを保存します.
次のコマンドをCLIに書き込みます.
npm init vite
さまざまなプロセスが画面上で実行されていることが表示されます.
当社のプロジェクトが作成されます.インストールして実行しましょう.
次のように、package.json
ファイルが見えます.
最後に、次のコマンドを実行して、devサーバーを起動します.
npm run dev
あなたのブラウザーで提供されたリンクをコピーして、ペーストしてください.今、反応して、ローカルサーバー上で実行Vite.おめでとう!
Reference
この問題について(VITE(フロントエンドツール)?), 我々は、より多くの情報をここで見つけました
https://dev.to/sanjaysinghrajpoot/have-you-used-vite-frontend-tool--mj1
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
npm init vite
npm run dev
Reference
この問題について(VITE(フロントエンドツール)?), 我々は、より多くの情報をここで見つけました https://dev.to/sanjaysinghrajpoot/have-you-used-vite-frontend-tool--mj1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol