[筆記] Vite 導入 Exceljs 輸出簡易表格

這次在專案內要加上輸出資料成 Excel 檔案。這邊筆記下思考邏輯和一些注意事項。
notes-vite-exceljs-export-demo-1


內容

[ Repo ]:exceljs/exceljs

邏輯思考

1. 先將 Exceljs 封裝,輸出兩個函式 – 建立 Workbook 和下載 Workbook
2. 使用 Exceljs 提供的 addTable 函式,並產出對應的 rows 和 columns
3. 使用 new Blob 生出 blob()、js 憑空產出 <a> ,接著再幫使用者 click 來下載

程式碼


Tree-Shaking

此部份算是大家敲碗許久,但時至 2024 年底仍無下文的。因此若引入了這 Exceljs 套件,其 build 後的 js 檔案大小將會變大很多。至少超過 500KB


相關文章

1. ExcelJS
2. 輕鬆上手:使用 ExcelJS 在前端產出 Excel 文件

按讚加入粉絲團

延伸閱讀