為什麼前端需要 Bundler ? 作用是什麼？

Why

1. 將前端做模組化管理

2. 整合多個 loader 以及 plugin 來更好地做到前端工程模組化

What

1. 程式碼轉換：bundler 透過 loader 讓我們可以使用 Typescript 或是 JSX 等語法來做開發，loader 再將這些程式碼轉為大多瀏覽器相容的 vanilla JS 和 CSS。

2. 效能優化：

   1. Tree Shaking

   2. Minify, Unglify

   3. Code Splitting

3. 資源管理：除了 JS 以外還可以將 CSS, 圖片甚至是字體來當作資源管理或優化

4. 版本控制與緩存：生出的資源自動產生版號，方便瀏覽器進行緩存