サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
大谷翔平
ja.vitejs.dev
環境変数とモード 環境変数 Vite は環境変数を特別な import.meta.env オブジェクトに公開しており、これはビルド時に静的に置き換えられます。いくつかのビルトイン変数は全てのケースで利用可能です: import.meta.env.MODE: {string} アプリが動作しているモード。 import.meta.env.BASE_URL: {string} アプリが配信されているベース URL。これは base 設定オプション によって決まります。 import.meta.env.PROD: {boolean} アプリがプロダクションで動作しているかどうか(NODE_ENV='production' で開発サーバーを起動するか NODE_ENV='production' でビルドしたアプリを実行する)。 import.meta.env.DEV: {boolean} アプ
本番環境用のビルド 作成したアプリケーションを本番環境にデプロイするには、vite build コマンドを実行するだけです。デフォルトでは、ビルドのエントリーポイントとして <root>/index.html を使用し、静的ホスティングサービスで提供するのに適したアプリケーションバンドルを生成します。一般的なサービスについてのガイドは 静的サイトのデプロイ をご覧ください。 ブラウザーの互換性 本番バンドルではモダンな JavaScript のサポートを前提としています。Vite はデフォルトでは ネイティブ ES モジュール、 ネイティブ ESM の動的インポート、 import.meta をサポートするブラウザーを対象としています: Chrome >=87Firefox >=78Safari >=14Edge >=88build.target 設定オプション を介してカスタムターゲ
Vite を使う理由 問題点 ES モジュールがブラウザーで利用できるようになるまで、開発者はモジュール化された JavaScript を生成するネイティブの仕組みを持っていませんでした。これは、私たちが「バンドル」のコンセプトに慣れ親しんでいる理由でもあります: すなわち、ブラウザーで実行可能なようにソースモジュールをクロール、処理し、連結するツールを使用しています。 時を経て webpack や Rollup、Parcel のようなツールが登場し、フロントエンド開発者の開発体験は大きく向上されました。 しかしながら、大規模なアプリケーションが作られるようになってくると、取り扱う JavaScript の量は劇的に増加しました。大規模プロジェクトでは、数千ものモジュールが含まれることも珍しくありません。JavaScript ベースのツールを使用していては、いずれパフォーマンスのボトル
このページを最初にブックマークしてみませんか?
『Vite | 次世代フロントエンドツール』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く