Vite3.0 がリリースされました。Vite3.0 の新機能をご覧ください。

Vite3 が 3.0 をリリースしました。まだスクロールしていますか?次の記事では、Vite 3.0 の新機能について説明します。フロントエンドは現在非常に急速に開発されています。常に新しいテクノロジーに対する敏感さを維持することによってのみ、私たちが排除されないようにすることができます。

しばらく前に、Youda は Vite3.0 をリリースし、以下に示すように Vite の公式ドキュメントを更新しました。

とにかくホームページに入ってください。感覚はただただ素晴らしいです。

このドキュメントでは、Vite3.0 の新機能を簡単に紹介しますので、混乱しないようにしてください。

テンプレートの変更点

私自身、Vite で最も多く作成した Vue プロジェクトは、このアップデート後に Vite で作成した Vue プロジェクトです。Vue は次の方法で作成されました。 Vite テンプレートのテーマは Vite のドキュメントと一致しており、ダーク モードとライト モードもサポートされており、アイコンは Vue のロゴから Vite のロゴに変更されています。

Vite を使用して Vue テンプレートを作成し、実行して効果を確認できます:

pnpm create vite
# project name -> demo
# select a framework -> vue
# select a variant -> vue
cd demo
pnpm install
pnpm dev

2 つのテーマは次のとおりです

# Vue に加えて、以下のテンプレートのテーマも一貫しています。

#Vite CLI の最適化

コマンド ラインの Vite CLI のスタイルも最適化されました。以下の図を参照してください

左が Vite3.0、右が Vite2.0 見た目的には 2.0 より 3.0 の方が明らかに優れています。

外観に加えて、

デフォルトのポート番号

も3000から5173に変更されており、ローカルアドレスもlocalhost ##から変更されていることがわかります。 #127.0.0.1。 import.meta.glob API の変更

import.meta.glob

API は Vite3 で許可されているファイルを動的にインポートできます

import .meta.glob が書き換えられています。詳細については、公式ドキュメントに詳しく記載されている Glob import form を参照してください。 その他のコンテンツ

Vite3.0 では、次のような他のコンテンツも更新されました:

Vite の全体的なサイズ;

• JS および CSS 圧縮ツールは ESbuild を使用します (Vite2 以降);

• 複数のバグを修正しました;

• 互換性が調整されました、
最小サポートはノード 14.18 です
• ;
  Vite は
ごとに新しいバージョンをリリースすることを決定しました年
• ；

最後に書いています

この記事では、Vite のいくつかの新機能を簡単に紹介します。

今、フロントエンド開発のスピードは非常に速くなりました。

常に新しいテクノロジーに対する敏感さを維持することによってのみ、淘汰されないようにすることができます

,

皆さん、さあ～ 最後に皆さんにお願いです。毎日残業しないで年収100万以上になってください。

[関連ビデオ チュートリアルの推奨事項:

vuejs エントリ チュートリアル

、

Web フロントエンド エントリ]

以上がVite3.0 がリリースされました。Vite3.0 の新機能をご覧ください。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。