iT邦幫忙

2024 iThome 鐵人賽

DAY 14
2

Who the hell are you Vite

image

前言

Vite 背後是透過 Rollup 進行打包,並高度優化部署到生產環境 (production) 的打包結果。

Fun fact

Vite 的創建者尤雨溪 (Evan You) 同時也是 Vue.js 的創始人。而且,他原先主修的其實是工作室藝術和藝術史。

麻瓜解釋

今天,小銘與小華剛開了一間便當店。他們準備了很多料,由於分量多,他們把食物(程式碼)依照菜、肉、飯、點心、炸物等各自分層。雖然看似井然有序,但交到客人手上攜帶就變得麻煩。於是,他們使用了 Vite 這個便當盒。這個神奇的「魔盒」能把所有東西湊在一起,統整成一包,並且填滿所有縫隙(消除空格、換行、註解、簡化變數名稱等)。這不僅省了空間,也減少了成本(程式碼容量變小)。

雖然食物(程式碼)看似混亂,但呈現在客人面前卻毫無問題。食物並沒有因為全部擠在一起而走味,客人要取用想吃的食物也毫無障礙,想夾什麼還是可以輕鬆夾到。

歷史

image alt
Vite 由尤雨溪創建,他也是 Vue.js 的創始人。Vite 誕生於 2020 年,旨在解決現有前端構建工具的性能瓶頸,特別是在大型專案中的長時間打包和緩慢啟動問題。傳統工具(如 Webpack)依賴於預先打包的方式,隨著應用規模增大,這種方式會顯得笨重。而 Vite 採用了原生的 ES 模組支持,使得開發過程中的模組加載變得更加高效,從而極大地提高了開發速度。

後記

總感覺學藝術的,發展非常多元,從賣雞排、寫程式,進階一點可能成為黨派領袖:)。

PS.寫著寫著就餓了。

參考

https://zh.wikipedia.org/zh-tw/%E5%B0%A4%E9%9B%A8%E6%BA%AA
https://www.youtube.com/watch?v=vj8KSZjPTUU


上一篇
DAY13 親愛的,我把 JSON 縮小了
下一篇
DAY15 API 言聽計從
系列文
麻瓜的程式翻譯書《Who the hell are you XXX》30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 則留言

0
橘子
iT邦新手 5 級 ‧ 2024-09-28 19:49:17

領袖什麼的太可怕了

我要留言

立即登入留言