<span id="r1dp9"></span>
<span id="r1dp9"><video id="r1dp9"><ruby id="r1dp9"></ruby></video></span><ruby id="r1dp9"><video id="r1dp9"><del id="r1dp9"></del></video></ruby>
<strike id="r1dp9"></strike>
<ruby id="r1dp9"></ruby>
<th id="r1dp9"><video id="r1dp9"></video></th><strike id="r1dp9"></strike><strike id="r1dp9"><dl id="r1dp9"><ruby id="r1dp9"></ruby></dl></strike>
<span id="r1dp9"></span>
<strike id="r1dp9"><dl id="r1dp9"><ruby id="r1dp9"></ruby></dl></strike>
您當前的位置:首頁 > 電腦百科 > 程序開發 > 前端

前端開始“銹化”?Vue團隊開源JS打包工具:基于Rust、速度極快、尤雨溪主導

時間:2024-03-09 10:40:11  來源:  作者:OSC開源社區

Vue 團隊已正式開源Rolldown —— 基于 RustJAVAScrip 打包工具。

Rolldown 是使用 Rust 開發的 Rollup 替代品,它提供與 Rollup 兼容的應用程序接口和插件接口,但在功能范圍上更類似于 esbuild。

根據官方文檔,Rolldown 旨在作為 Vite 未來使用的打包工具。目前 Vite 內部依賴兩個打包工具:

  • esbuild 用于依賴預打包、Type 和 JSX 轉換、目標降級以及代碼壓縮
  • Rollup 用于生產構建使用,并支持一個與 Rollup 兼容的插件接口

然而,使用兩個不同的打包工具存在明顯弊端:

  • 兩者之間的輸出差異可能導致開發環境與生產環境行為的不一致
  • 用戶代碼在生產構建過程中會被多次解析、轉換和序列化,從而增加了不必要的性能開銷

因此,開發團隊希望 Vite 能整合一個單一的打包工具,提供原生級性能、避免解析 / 序列化開銷的內置轉換、與 Rollup 兼容的插件接口,以及適合大規模應用的高級構建輸出控制。

這就是 Rolldown 誕生的背景。

未來規劃

Rolldown 采用 Rust 編寫,基于 Oxc 構建,目前正在使用其解析器。

Oxc 是 Rust 編寫的 Java 高性能工具集合,由字節跳動團隊創建。該項目的重點在于構建 Java 的基本編譯器工具:解析器、linter、格式化程序、轉譯器、壓縮器和解析引擎。

團隊還計劃在 Oxc 的轉換器和壓縮工具將來可用時進行集成。團隊的長期目標是讓 Vite 用戶(直接或間接通過框架)能夠以最小的成本過渡到內部使用 Rolldown 的 Vite 版本。同時,Rolldown 還將作為獨立的打包工具直接使用。

Rolldown 官網顯示,該項目團隊成員共有 4 人,現在由 Vue 和 Vite 作者尤雨溪領導。

相關鏈接

https://rolldown.rs/about

https://Github.com/rolldown-rs/rolldown

END



Tags:Vue   點擊:()  評論:()
聲明:本站部分內容及圖片來自互聯網,轉載是出于傳遞更多信息之目的,內容觀點僅代表作者本人,不構成投資建議。投資者據此操作,風險自擔。如有任何標注錯誤或版權侵犯請與我們聯系,我們將及時更正、刪除。
▌相關推薦
前端開始“銹化”?Vue團隊開源JS打包工具:基于Rust、速度極快、尤雨溪主導
Vue 團隊已正式開源Rolldown &mdash;&mdash; 基于 Rust 的 JavaScrip 打包工具。Rolldown 是使用 Rust 開發的 Rollup 替代品,它提供與 Rollup 兼容的應用程序接口和插件接口...【詳細內容】
2024-03-09  Search: Vue  點擊:(11)  評論:(0)  加入收藏
SpringBoot3+Vue3 開發高并發秒殺搶購系統
開發高并發秒殺搶購系統:使用SpringBoot3+Vue3的實踐之旅隨著互聯網技術的發展,電商行業對秒殺搶購系統的需求越來越高。為了滿足這種高并發、高流量的場景,我們決定使用Spring...【詳細內容】
2024-01-14  Search: Vue  點擊:(89)  評論:(0)  加入收藏
React與Vue性能對比:兩大前端框架的性能
React和Vue是當今最流行的兩個前端框架,它們在性能方面都有著出色的表現。React的加載速度:初次加載:由于React使用了虛擬DOM(Virtual DOM)技術,它可以通過比較虛擬DOM樹與實際DOM...【詳細內容】
2024-01-05  Search: Vue  點擊:(105)  評論:(0)  加入收藏
Vue中Scope是怎么做樣式隔離的?
scope樣式隔離在 Vue 中,樣式隔離是通過 scoped 特性實現的。當在一個組件的 <style> 標簽上添加 scoped 特性時,Vue 會自動為這個樣式塊中的所有選擇器添加一個唯一的屬性,以...【詳細內容】
2024-01-04  Search: Vue  點擊:(80)  評論:(0)  加入收藏
vue3中 ref和 reactive的區別 ?
最近有朋友在面試過程中經常被問到這么一個問題,vue3 中的ref 和 reactive的區別在哪里,為什么 要定義兩個API 一個 api不能實現 響應式更新嗎??帶著這個疑問 ,我們 接下來進行逐...【詳細內容】
2024-01-03  Search: Vue  點擊:(36)  評論:(0)  加入收藏
React18 與 Vue3 全方面對比
1. 編程風格 & 視圖風格1.1 編程風格 React 語法少、難度大;Vue 語法多,難度小例如指令:Vue<input v-model="username"/><ul> <li v-for="(item,index) in list" :key="inde...【詳細內容】
2024-01-03  Search: Vue  點擊:(72)  評論:(0)  加入收藏
Vue中虛擬Dom技術,你學會了嗎?
在Vue中,虛擬DOM(Virtual DOM)是一項關鍵的技術,它是一種用JavaScript對象模擬真實DOM結構的機制。虛擬DOM的引入旨在提高DOM操作的效率,特別是在頻繁的數據變化時。1. 為什么需...【詳細內容】
2023-12-26  Search: Vue  點擊:(65)  評論:(0)  加入收藏
七個常用的 Vue 3 UI 組件
介紹:由于我在工作的公司中角色和職責的變化,作為后端開發人員的我在去年年底選擇了 Vue.js。當我深入研究時,我發現 Vue.js 非常有趣。它不像 Angular 那樣有很高的學習曲線,而...【詳細內容】
2023-12-20  Search: Vue  點擊:(78)  評論:(0)  加入收藏
Vue3 學習筆記,如何使用 Watch 監聽數據變化
大家好,本篇文章我們繼續學習和 Vue 相關的內容,今天我們歸納總結下如何使用 watch 監聽組件中的數據變化,以及 computed 和 watch 的區別。什么是 watch,以及如何使用?watch 是...【詳細內容】
2023-12-14  Search: Vue  點擊:(163)  評論:(0)  加入收藏
Vue3 學習筆記,如何理解 Computed 計算屬性
大家好,本篇文章我們繼續學習和 Vue 相關的內容,今天我們歸納總結下什么是 computed 計算屬性、如何使用和應用場景,以及 computed 和 Method 事件的區別和應用場景。什么是 co...【詳細內容】
2023-12-11  Search: Vue  點擊:(198)  評論:(0)  加入收藏
▌簡易百科推薦
20k級別前端是怎么使用LocalStorage的,想知道嗎?
當咱們把咱們想緩存的東西,存在localStorage、sessionStorage中,在開發過程中,確實有利于咱們的開發,咱們想看的時候也是一目了然,點擊Application就可以看到。前言大家好,我是林...【詳細內容】
2024-03-26  前端之神  微信公眾號  Tags:前端   點擊:(10)  評論:(0)  加入收藏
前端不存在了?盲測64%的人更喜歡GPT-4V的設計,楊笛一等團隊新作
3 月 9 日央視的一檔節目上,百度創始人、董事長兼 CEO 李彥宏指出,以后不會存在「程序員」這種職業了,因為只要會說話,人人都會具備程序員的能力?!肝磥淼木幊陶Z言只會剩下兩種...【詳細內容】
2024-03-11  機器之心Pro    Tags:前端   點擊:(9)  評論:(0)  加入收藏
前端開始“銹化”?Vue團隊開源JS打包工具:基于Rust、速度極快、尤雨溪主導
Vue 團隊已正式開源Rolldown &mdash;&mdash; 基于 Rust 的 JavaScrip 打包工具。Rolldown 是使用 Rust 開發的 Rollup 替代品,它提供與 Rollup 兼容的應用程序接口和插件接口...【詳細內容】
2024-03-09  OSC開源社區    Tags:Vue   點擊:(11)  評論:(0)  加入收藏
兩年前端經驗還不會手寫Promise?
什么是promise?當我們處理異步操作時,我們經常需要進行一系列的操作,如請求數據、處理數據、渲染UI等。在過去,這些操作通常通過回調函數來處理,但是回調函數嵌套過多會導致代碼...【詳細內容】
2024-03-07  海燕技術?! ∥⑿殴娞枴 ags:Promise   點擊:(23)  評論:(0)  加入收藏
網站開發中的前端和后端開發有什么區別
前端開發和后端開發都是干什么的?有哪些區別?通俗地講,前端干的工作是用戶可以直接看得見的,而后端開發的工作主要在服務端,用戶不太能直接看到。雖然前端開發和后端開發的工作有...【詳細內容】
2024-02-21  CarryData    Tags:前端   點擊:(31)  評論:(0)  加入收藏
網站程序開發中的前后端分離技術
隨著互聯網的快速發展和技術的不斷創新,傳統的網站開發模式已經難以滿足日益增長的業務需求。為了提高開發效率、增強系統的可維護性和可擴展性,前后端分離技術逐漸成為了網站...【詳細內容】
2024-01-31  網站建設派迪星航    Tags:前后端分離   點擊:(23)  評論:(0)  加入收藏
如何優雅的實現前端國際化?
JavaScript 中每個常見問題都有許多成熟的解決方案。當然,國際化 (i18n) 也不例外,有很多成熟的 JavaScript i18n 庫可供選擇,下面就來分享一些熱門的前端國際化庫!i18nexti18ne...【詳細內容】
2024-01-17  前端充電寶  微信公眾號  Tags:前端   點擊:(67)  評論:(0)  加入收藏
Vue中Scope是怎么做樣式隔離的?
scope樣式隔離在 Vue 中,樣式隔離是通過 scoped 特性實現的。當在一個組件的 <style> 標簽上添加 scoped 特性時,Vue 會自動為這個樣式塊中的所有選擇器添加一個唯一的屬性,以...【詳細內容】
2024-01-04  海燕技術?! ∥⑿殴娞枴 ags:Vue   點擊:(80)  評論:(0)  加入收藏
vue3中 ref和 reactive的區別 ?
最近有朋友在面試過程中經常被問到這么一個問題,vue3 中的ref 和 reactive的區別在哪里,為什么 要定義兩個API 一個 api不能實現 響應式更新嗎??帶著這個疑問 ,我們 接下來進行逐...【詳細內容】
2024-01-03  互聯網高級架構師  今日頭條  Tags:vue3   點擊:(36)  評論:(0)  加入收藏
React18 與 Vue3 全方面對比
1. 編程風格 & 視圖風格1.1 編程風格 React 語法少、難度大;Vue 語法多,難度小例如指令:Vue<input v-model="username"/><ul> <li v-for="(item,index) in list" :key="inde...【詳細內容】
2024-01-03  愛做夢的程序員  今日頭條  Tags:Vue3   點擊:(72)  評論:(0)  加入收藏
站內最新
站內熱門
站內頭條
日无码在线观看