2021年前端應(yīng)該使用什么打包構(gòu)建工具
在2021年,我并不推薦你使用webpack,因為隨著歷史的發(fā)展,它正變得越來越臃腫,每次編譯的時間從幾秒到幾分鐘,這不是一般人能夠忍受的。

那么有沒有開發(fā)速度非??斓臉?gòu)建工具呢?答案是肯定的。隨著vue3的發(fā)布,尤雨溪也一同發(fā)布了新的構(gòu)建工具vite,而這個構(gòu)建工具有著讓人愛不釋手的魔力。
vite
- 快速的啟動速度
vite有著優(yōu)秀的啟動構(gòu)建速度,面對著webpack長達(dá)接近1分鐘的構(gòu)建時長,vite可以達(dá)到毫秒級,這對于開發(fā)者來說非常的友好,畢竟時間就是效率。
- 簡單化的配置
vite的配置采用慣例配置,也就說你可以幾乎不用配置,或者很少配置就可以直接使用它,而且它的配置語法非常的簡單,可以非常輕松地上門入手。
- 極致化的尺寸
不同于webpack打包出來的文件,vite構(gòu)建的文件體積非常的小,同時采用ESM語法,可以讓打包的體積大大減小,在這點上,webpack完全不敵vite。
vite為什么這么優(yōu)秀
vite通過按需加載來對文件進(jìn)行處理,它會根據(jù)客戶端的請求來進(jìn)行文件的加載,因此它的加載速度非???。

對于文件熱更新,vite采用了即時修改,即時編譯,修改完畢,編譯也就完成了。同時它還會對部分請求進(jìn)行http緩存和內(nèi)部緩存,因此它熱更新效率也是非常的快。
總結(jié)
盡管webpack有著豐富的插件,有著成熟的社區(qū),但是歷史的腳步是無情的,如果你不夠優(yōu)秀,那么你的位置就會被他人所取代。

技術(shù)永遠(yuǎn)都是不斷創(chuàng)新的,技術(shù)是螺旋式發(fā)展的,也許未來webpack經(jīng)過改進(jìn)會有王者歸來的一天,但是至少現(xiàn)在,我們還是更喜歡vite。