Vite 4發(fā)布,用更快的SWC替換了Babel

作者 | Bruno Couriol
譯者 | 張衛(wèi)濱
策劃 | 丁曉昀

Vite 前端構(gòu)建工具背后的團(tuán)隊(duì)最近發(fā)布了 Vite 4.0叹谁,此時(shí)距離 Vite 3.0 發(fā)布已有 5 個(gè)月稀蟋。新版本的動(dòng)力來自于從 Rollup 2.0 到 3.0 的突破性升級。Vite 4.0 還增加了對 SWC 的支持苛白,這是一個(gè)基于 Rust 的打包器(bundler)娃豹,聲稱比 Babel 有數(shù)量級的速度提升。

現(xiàn)在丸氛,Vite 4.0 在構(gòu)建時(shí)使用 Rollup 3.0培愁。Rollup 3.0 是在幾周前的 ViteConf 2022 上發(fā)布的。ViteConf 2022 聚集了 Vite 生態(tài)系統(tǒng)的主要參與者缓窜。自 Vite 2.0 以來定续,Vite 是一個(gè)與框架無關(guān)的構(gòu)建工具。因此禾锤,許多其他的開發(fā)者工具私股、庫和框架開始支持 Vite,例如 Storybook恩掷、Astro倡鲸、Nuxt、SvelteKit黄娘、Solid Start峭状、Hydrogen、Laravel逼争、Qwik City 以及其他產(chǎn)品优床。Vite 團(tuán)隊(duì)提到:

在生態(tài)系統(tǒng)合作伙伴的幫助下,[我們] 很高興地宣布 Vite 4 發(fā)布誓焦,它在構(gòu)建時(shí)由 Rollup 3 提供支持胆敞。我們會(huì)與生態(tài)系統(tǒng)協(xié)作,確保這個(gè)新的主版本的平滑升級杂伟。

雖然 Rollup 3 與 Rollup 2 基本兼容移层,但使用自定義 rollupOptions 的開發(fā)者可能會(huì)遇到問題,應(yīng)參考 Rollup 遷移指南來升級他們的配置赫粥。

Vite 4.0 還升級了 dotenv 和 dotenv-expand 的版本(參見 dotenv 和 dotenv-expand 的變更日志)观话。新版本的 dotenv 帶來了一些破壞性的變化,要求開發(fā)者用引號來包裝包含某些字符(如回車鍵)的名字:

-VITE_APP=ab#cdef
+VITE_APP="ab#cdef"

最近發(fā)布的 Next.JS 13 包括了 Turbopack傅是,這是一個(gè)新的匪燕、仍在 alpha 階段的蕾羊、基于 Rust 的 Webpack 替代方案,聲稱比 Vite 快幾個(gè)數(shù)量級帽驯。對這一說法的研究表明龟再,大部分速度的提高與 Turbopack 使用 SWC 有關(guān),SWC 是一個(gè)基于 Rust 的打包器尼变,目前仍處于 alpha 階段利凑。SWC 聲稱比 Vite 3.0 中使用的 Babel 快 20 倍。Vite 4.0 現(xiàn)在增加了對 SWC 的支持嫌术,這應(yīng)該有助于縮小這一差距哀澈。Vite 團(tuán)隊(duì)解釋說:

SWC 現(xiàn)在是 Babel 的成熟替代方案,特別是在 React 項(xiàng)目下度气。SWC 的 React 快速刷新實(shí)現(xiàn)比 Babel 快很多割按,對于一些項(xiàng)目來說,它現(xiàn)在是一個(gè)更好的選擇磷籍。從 Vite 4 開始适荣,有兩個(gè)插件可用于 React 項(xiàng)目,它們有不同的權(quán)衡院领。我們認(rèn)為目前這兩種方法都值得支持弛矛,未來我們會(huì)繼續(xù)探索對這兩個(gè)插件的改進(jìn)。
開發(fā)者可以參考遷移指南和發(fā)布說明比然,以了解與新版本相關(guān)的詳盡變化丈氓。Vite 是在 MIT 開源許可下發(fā)布的。歡迎提交貢獻(xiàn)强法,但必須遵循 Vite 的貢獻(xiàn)指南万俗。

原文鏈接:https://www.infoq.com/news/2022/12/vite-4-faster-swc/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市饮怯,隨后出現(xiàn)的幾起案子该编,更是在濱河造成了極大的恐慌,老刑警劉巖硕淑,帶你破解...
    沈念sama閱讀 207,248評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異嘉赎,居然都是意外死亡置媳,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,681評論 2 381
  • 文/潘曉璐 我一進(jìn)店門公条,熙熙樓的掌柜王于貴愁眉苦臉地迎上來拇囊,“玉大人,你說我怎么就攤上這事靶橱×认” “怎么了路捧?”我有些...
    開封第一講書人閱讀 153,443評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長传黄。 經(jīng)常有香客問我杰扫,道長,這世上最難降的妖魔是什么膘掰? 我笑而不...
    開封第一講書人閱讀 55,475評論 1 279
  • 正文 為了忘掉前任章姓,我火速辦了婚禮,結(jié)果婚禮上识埋,老公的妹妹穿的比我還像新娘凡伊。我一直安慰自己,他們只是感情好窒舟,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,458評論 5 374
  • 文/花漫 我一把揭開白布系忙。 她就那樣靜靜地躺著,像睡著了一般惠豺。 火紅的嫁衣襯著肌膚如雪银还。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,185評論 1 284
  • 那天耕腾,我揣著相機(jī)與錄音见剩,去河邊找鬼。 笑死扫俺,一個(gè)胖子當(dāng)著我的面吹牛苍苞,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播狼纬,決...
    沈念sama閱讀 38,451評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼羹呵,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了疗琉?” 一聲冷哼從身側(cè)響起冈欢,我...
    開封第一講書人閱讀 37,112評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎盈简,沒想到半個(gè)月后凑耻,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,609評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡柠贤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,083評論 2 325
  • 正文 我和宋清朗相戀三年香浩,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片臼勉。...
    茶點(diǎn)故事閱讀 38,163評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡邻吭,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出宴霸,到底是詐尸還是另有隱情囱晴,我是刑警寧澤膏蚓,帶...
    沈念sama閱讀 33,803評論 4 323
  • 正文 年R本政府宣布,位于F島的核電站畸写,受9級特大地震影響驮瞧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜艺糜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,357評論 3 307
  • 文/蒙蒙 一剧董、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧破停,春花似錦翅楼、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,357評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至黑界,卻和暖如春管嬉,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背朗鸠。 一陣腳步聲響...
    開封第一講書人閱讀 31,590評論 1 261
  • 我被黑心中介騙來泰國打工蚯撩, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人烛占。 一個(gè)月前我還...
    沈念sama閱讀 45,636評論 2 355
  • 正文 我出身青樓胎挎,卻偏偏與公主長得像,于是被迫代替她去往敵國和親忆家。 傳聞我的和親對象是個(gè)殘疾皇子犹菇,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,925評論 2 344

推薦閱讀更多精彩內(nèi)容