iT邦幫忙

2021 iThome 鐵人賽

DAY 3
0
Software Development

透過迷霧,看破一切~~ZOOPARTY 動物園派對桌遊設計系列 第 3

[第三隻羊] 迷霧森林建築工事 II vite好吃嗎

天亮了 昨晚是平安夜

關於迷霧森林故事

化裝舞會

阿虎簡單布置了一個入口指引
招集迷霧森林裡的動物們
公布了初步的舞會細節

圖片來源
舞會時間是三天後的上弦月在頭頂之時
即是舞會開場之際
阿虎也從口袋中抽出一張卡牌
https://ithelp.ithome.com.tw/upload/images/20210918/20131155cFXGdANlr5.jpg
圖片來源
阿虎雙掌夾著牌面 插入土壤中
剎那之間
風雲變色
卡牌不斷落下金光閃閃發亮的雙色粉狀
金色 紅色 交疊散落在每隻 animal 的身邊 美不勝收
阿虎就在大家的觀禮之中 成功拜請洛神降臨
洛神降臨
待續...

動物園派對

那我們就繼續準備趴踢趴踢歐爹吧
專案擬定專案架構
前台: HTML搭配vue
後台: RubyOnRails 6
complpiler部分將採用 vite
速度會比 webpacker 快上許多 更不用說更慢的 assets pipeline
為什麼呢?
因為他們打包方式不太依樣
我們先來看看近期編譯器的進展
https://ithelp.ithome.com.tw/upload/images/20210918/20131155G6pNKgHhnT.png
圖片來源
簡單來說
webpack 會先打包,然後啟動開發服務器,請求服務器時直接給予打包結果
所以在啟動時需要先 build 一遍,而這個過程需要消耗很多時間
https://ithelp.ithome.com.tw/upload/images/20210918/20131155UgtZi2EMeB.png
而 vite 是直接啟動開發服務器,請求哪個模組再對該模組進行即時編譯
https://ithelp.ithome.com.tw/upload/images/20210918/20131155fdQHIBickE.png

參考資料:

  1. [Web フロントエンド] esbuild が爆速すぎて webpack / Rollup にはもう戻れない
  2. vitejs官網
  3. 淺談Vite 原理與Webpack比較
  4. Vite當前可用於生產嗎,對比webpack有什麼不足嗎?

阿虎每日選幣

剛好可以講到台灣之光 Perpetual Protocol
現在持續下跌技術性回調 下兩關 $13.38 跟 $11.04 站穩就可以進
明年1月前上看 $40 可能會在11月中就翻倍 翻倍記得本金先贖回 $perp 加油

天黑請閉眼


上一篇
[第二隻羊] 迷霧森林建築工事 I 桌遊APP功能方塊
下一篇
[第四隻羊] 迷霧森林建築工事 III 透過Jumpstarter建立新專案
系列文
透過迷霧,看破一切~~ZOOPARTY 動物園派對桌遊設計30

尚未有邦友留言

立即登入留言