Rumah  >  Artikel  >  hujung hadapan web  >  Vite3.0 dikeluarkan, lihat ciri baharu Vite3.0

Vite3.0 dikeluarkan, lihat ciri baharu Vite3.0

青灯夜游
青灯夜游ke hadapan
2022-07-22 11:16:063745semak imbas

Vite3 telah mengeluarkan 3.0, adakah anda masih menatal? Artikel berikut akan melihat ciri-ciri baharu Vite3.0 yang kini berkembang dengan begitu pantas.

Beberapa masa lalu, Youda mengeluarkan Vite3.0 dan mengemas kini dokumentasi rasmi Vite, seperti yang ditunjukkan di bawah

Vite3.0 dikeluarkan, lihat ciri baharu Vite3.0

Masukkan halaman utama juga hanya menakjubkan.

Dokumen ini akan memperkenalkan secara ringkas perkara baharu dalam Vite3.0, jadi jangan keliru.

Perubahan dalam templat

Bagi saya sendiri, projek Vue yang paling saya buat menggunakan Vite ialah Vue dibuat menggunakan Vite The theme of the templat adalah konsisten dengan dokumentasi Vite, dan ia juga menyokong mod gelap dan terang, dan ikon telah ditukar daripada logo Vue kepada logo Vite.

Kita boleh menggunakan Vite untuk mencipta templat Vue dan menjalankannya untuk melihat kesan:

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

Dua tema adalah seperti berikut

Vite3.0 dikeluarkan, lihat ciri baharu Vite3.0

Selain Vue, tema templat berikut juga konsisten.

Vite3.0 dikeluarkan, lihat ciri baharu Vite3.0

Pengoptimuman Vite CLI

Gaya Vite CLI dalam baris arahan juga telah dioptimumkan, lihat gambar di bawah

Vite3.0 dikeluarkan, lihat ciri baharu Vite3.0

Kiri ialah Vite3.0 dan kanan ialah Vite2.0 Secara visual, 3.0 jelas lebih baik daripada 2.0.

Selain penampilan, kita dapat melihat bahawa nombor port lalai juga telah berubah , daripada 3000 kepada 5173 alamat Setempat telah berubah daripada localhost kepada 127.0.0.1 .

Perubahan dalam import.meta.glob API

import.meta.globAPI boleh mengimport fail secara dinamik dan membenarkan import.meta.glob ditulis semula dalam Vite3 untuk butiran, sila rujuk Borang import Glob diterangkan dengan terperinci dalam dokumentasi rasmi.

Kandungan lain

Vite3.0 juga telah mengemas kini beberapa kandungan lain, seperti berikut:

  • Saiz keseluruhan Vite telah menjadi lebih kecil ;

  • Alat pemampatan JS dan CSS menggunakan ESbuild (bermula dalam Vite2);

  • Membetulkan berbilang pepijat;

  • Keserasian telah dilaraskan, Sokongan minimum ialah node14.18 ;

  • Vite memutuskan untuk mengeluarkan versi baharu setiap tahun ;

Ditulis pada penghujung

Artikel ini memperkenalkan secara ringkas beberapa ciri baharu dalam Vite.

Kini kelajuan pembangunan bahagian hadapan telah menjadi sangat pantas Hanya dengan sentiasa mengekalkan kepekaan terhadap teknologi baharu anda boleh memastikan bahawa anda tidak akan tersingkir, Ayuh semua~.

Akhir sekali, saya ingin anda semua: Jangan bekerja lebih masa setiap hari, dan gaji tahunan anda akan melebihi satu juta.

[Tutorial video berkaitan yang disyorkan: tutorial pengenalan vuejs, bermula dengan bahagian hadapan web]

Atas ialah kandungan terperinci Vite3.0 dikeluarkan, lihat ciri baharu Vite3.0. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:juejin.cn. Jika ada pelanggaran, sila hubungi admin@php.cn Padam