自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

2021年前端應(yīng)該使用什么打包構(gòu)建工具

開發(fā) 開發(fā)工具
不知不覺時間已經(jīng)來到了2021年,如果是在前幾年,你問我應(yīng)該用什么打包工具,那么我會毫不猶豫地推薦你使用webpack,因為那個時候webpack非常成熟,有著非常豐富的插件,可以高效地進(jìn)行個性化定制。

在2021年,我并不推薦你使用webpack,因為隨著歷史的發(fā)展,它正變得越來越臃腫,每次編譯的時間從幾秒到幾分鐘,這不是一般人能夠忍受的。

 

2021年前端應(yīng)該使用什么打包構(gòu)建工具

 

那么有沒有開發(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)行文件的加載,因此它的加載速度非???。

 

2021年前端應(yīng)該使用什么打包構(gòu)建工具

 

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

總結(jié)

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

 

2021年前端應(yīng)該使用什么打包構(gòu)建工具

 

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

 

責(zé)任編輯:華軒 來源: 今日頭條
相關(guān)推薦

2021-02-05 08:09:19

前端框架開發(fā)

2023-08-22 10:13:53

模塊工具JavaScrip

2024-06-04 22:04:39

2023-03-15 23:59:13

前端構(gòu)建工具

2021-06-27 17:34:57

前端編程語言

2022-05-16 09:14:28

前端構(gòu)建工具

2021-06-05 18:01:05

工具Rollup前端

2017-05-08 16:17:54

前端開發(fā)工具

2022-09-01 11:02:42

前端工具

2025-04-21 00:00:02

2021-05-14 05:26:25

前端架構(gòu)開發(fā)

2021-05-31 17:37:26

ViteReactesbuild

2020-09-07 14:40:20

Vue.js構(gòu)建工具前端

2023-09-27 23:08:08

Web前端Vue.jsVue3.0

2019-07-18 15:20:22

前端技術(shù)PWA

2020-03-25 13:59:22

前端開發(fā)編程

2017-12-29 15:16:49

Parcel集成方式

2020-11-19 07:07:42

前端開發(fā)代碼

2019-01-07 14:46:16

前端開發(fā)調(diào)查報告

2021-09-10 10:47:58

前端開發(fā)JavaScript
點贊
收藏

51CTO技術(shù)棧公眾號