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

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

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

技術永遠都是不斷創新的,技術是螺旋式發展的,也許未來webpack經過改進會有王者歸來的一天,但是至少現在,我們還是更喜歡vite。