在2021年，我并不推薦你使用webpack，因?yàn)殡S著歷史的發(fā)展，它正變得越來(lái)越臃腫，每次編譯的時(shí)間從幾秒到幾分鐘，這不是一般人能夠忍受的。

那么有沒(méi)有開(kāi)發(fā)速度非?？斓臉?gòu)建工具呢?答案是肯定的。隨著vue3的發(fā)布，尤雨溪也一同發(fā)布了新的構(gòu)建工具vite，而這個(gè)構(gòu)建工具有著讓人愛(ài)不釋手的魔力。

vite

• 快速的啟動(dòng)速度

vite有著優(yōu)秀的啟動(dòng)構(gòu)建速度，面對(duì)著webpack長(zhǎng)達(dá)接近1分鐘的構(gòu)建時(shí)長(zhǎng)，vite可以達(dá)到毫秒級(jí)，這對(duì)于開(kāi)發(fā)者來(lái)說(shuō)非常的友好，畢竟時(shí)間就是效率。

• 簡(jiǎn)單化的配置

vite的配置采用慣例配置，也就說(shuō)你可以幾乎不用配置，或者很少配置就可以直接使用它，而且它的配置語(yǔ)法非常的簡(jiǎn)單，可以非常輕松地上門(mén)入手。

• 極致化的尺寸

不同于webpack打包出來(lái)的文件，vite構(gòu)建的文件體積非常的小，同時(shí)采用ESM語(yǔ)法，可以讓打包的體積大大減小，在這點(diǎn)上，webpack完全不敵vite。

vite為什么這么優(yōu)秀

vite通過(guò)按需加載來(lái)對(duì)文件進(jìn)行處理，它會(huì)根據(jù)客戶端的請(qǐng)求來(lái)進(jìn)行文件的加載，因此它的加載速度非?？臁?/p>

對(duì)于文件熱更新，vite采用了即時(shí)修改，即時(shí)編譯，修改完畢，編譯也就完成了。同時(shí)它還會(huì)對(duì)部分請(qǐng)求進(jìn)行http緩存和內(nèi)部緩存，因此它熱更新效率也是非常的快。

總結(jié)

盡管webpack有著豐富的插件，有著成熟的社區(qū)，但是歷史的腳步是無(wú)情的，如果你不夠優(yōu)秀，那么你的位置就會(huì)被他人所取代。

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