ホームページ  >  記事  >  ウェブフロントエンド  >  Vite3.0 がリリースされました。Vite3.0 の新機能をご覧ください。

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

青灯夜游
青灯夜游転載
2022-07-22 11:16:063724ブラウズ

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

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

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

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

このドキュメントでは、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 つのテーマは次のとおりです

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

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

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

#Vite CLI の最適化

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

Vite3.0 がリリースされました。Vite3.0 の新機能をご覧ください。左が Vite3.0、右が Vite2.0 見た目的には 2.0 より 3.0 の方が明らかに優れています。

外観に加えて、

デフォルトのポート番号

も3000から5173に変更されており、ローカルアドレスもlocalhost ##から変更されていることがわかります。 #127.0.0.1import.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 サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。