這篇文章主要介紹“Vite3.0有哪些新特性”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“Vite3.0有哪些新特性”文章能幫助大家解決問題。

創(chuàng)新互聯(lián)建站堅持“要么做到，要么別承諾”的工作理念，服務領域包括：成都網站設計、成都做網站、企業(yè)官網、英文網站、手機端網站、網站推廣等服務，滿足客戶于互聯(lián)網時代的云岡網站設計、移動媒體設計的需求，幫助企業(yè)找到有效的互聯(lián)網解決方案。努力成為您成熟可靠的網絡建設合作伙伴！

前一段時間，尤大發(fā)布了Vite3.0，以及更新了Vite的官方文檔，如下圖

模板的變更

就那我自己來說，我用Vite創(chuàng)建最多的就是Vue項目， 這個更新后，使用Vite創(chuàng)建的Vue模板的主題與Vite的文檔保持一致，也支持暗色與亮色模式，且icon從Vue的logo換成了Vite的logo。

我們可以使用Vite創(chuàng)建一個Vue模板并運行一下看個效果：

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

兩個主題就是下面這樣的

除了Vue外，下面這些模板的主題也是一致的。

Vite CLI的優(yōu)化

Vite CLI在命令行中的樣式也進行了優(yōu)化，看下面這個圖

左邊是Vite3.0，右邊是Vite2.0，在視覺上明顯3.0比2.0要好看。

除了外觀之外，我們可以看到默認的端口號也發(fā)生了變化，從3000變成了5173；Local的地址從localhost變成了127.0.0.1。

import.meta.glob API的變化

import.meta.globAPI可以動態(tài)的導入文件，在Vite3中允許import.meta.glob被重寫，具體可以參照Glob導入形式，在官方文檔中描述的已經非常的詳細了。

其他內容

Vite3.0還更新的一些其他的內容，如下：

• Vite整體體積變小；

• JS和CSS的壓縮工具使用了ESbuild（Vite2中開始）;

• 修復了N多個bug；

• 兼容性做了調整，最低支持node14.18+；

• Vite決定每年發(fā)布一個新的版本。

關于“Vite3.0有哪些新特性”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識，可以關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會為大家更新不同的知識點。

標題名稱：Vite3.0有哪些新特性
轉載注明：http://jinyejixie.com/article0/iiecio.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供標簽優(yōu)化、網站排名、外貿網站建設、網站改版、網站收錄、網站維護

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)