什麼是Vite Vite優勢以及競品對比

2022-10-11 17:48:10 字數 861 閱讀 4031

vite是尤隨vue3正式版一併發布的工具,起初是和vue繫結的,後續發展成了框架無關的乙個工具

vite其實是構建工具的高階封裝,內部是其他的構建工具,最多的是rollup,rollup一般用於個人專案的三方庫

vite的目標

使用簡單(底層是rollup,相容rollup外掛程式,較少配置)

整合了devserver,不用額外配置devserver

快(開發時體驗讓人感覺是沒有編譯過程的,修改之後熱更新體驗是非常快的)

便於擴充套件(rollup的外掛程式基本上在vite可以直接使用)

vite生產構建使用rollup, snowpack預設構建輸出是未打包的

vite

vs webpack

webpack 功能更強大,rollup是乙個更加專一的工具

webpack構建產物有許多自身特性,輔助函式;rollup不會,它產出的是符合規範的**,初衷是為工具類庫服務,而不是前端專案

vite的目的是工程,vite更加上層, 剛方便開發專案

vite在dev環境使用了esbuild,啟動的時候只做了一些預編譯,初次訪問只需要編譯首頁需要載入的內容,相當於只有一條路徑,而webpack需要遞迴遍歷所有路徑輸出bundle

使用vite學習成本沒有webpack那麼高,它從一開始設計就是為了面向專案開發。vite為專案而生,不為構建而生

vite減少了工作量

你要修改後兩者,你還是要修改webapck配置

cra需要eject彈射

vue-cli需的configwebpack和chainwebpack

vite有自身的外掛程式系統,盡量做到了簡單

webpack更全面,rollup更專一,vite更high-level更好用

什麼是NB IOT以及NB IOT的優勢

一 定義 nb iot全稱為narrowband internet of things,窄帶物聯網。屬於物聯網範疇的一種技術。lpwa low power widearea 是有低頻寬 低功耗 遠距離通訊 廣覆蓋 海量連線要求的物聯網應用,是適合由運營商部署的一種物聯網技術,包括nb iot,lor...

什麼是CSS DIV及其優勢所在?

什麼是css div css div是 標準 或稱 web標準 中常用的術語之一,通常為了說明與html網頁設計語言中的 table 定位方式的區別,因為xhtml 設計標準中,不再使用 定位技術,而是採用css div的方式實現各種定位。css是英語cascading style sheets 層...

什麼是數字沙盤及其優勢

數字沙盤是對傳統沙盤的一種改革性的創新,因為它在傳統沙盤模型的基礎上加入了以動態投影為主的各種多 聲光手段,打破了人們對沙盤單調的印象。多 互動科技讓整個沙盤都 動 了起來,使得整個沙盤展示的效果更加的炫目。數字沙盤賦予了模型更加生動的內涵,能更好地詮釋設計規劃者的理念。數字沙盤優勢 1 設計精湛 ...