在瀏覽器內運作的 JavaScript Minify 與 Beautify 工具。當你只是要快速做一次轉換、又懶得搭建 build pipeline 時非常實用。
什麼時候要 Minify
Minify 會去掉空白、縮短識別字、移除註解，輸出大約縮減 30〜60%、解析也更快。適合用於正式環境的 bundle、嵌入式片段、行內 script。請務必把原始碼留在版本控制裡，沒有 source map 的 minify 後程式碼幾乎沒辦法除錯。
什麼時候要 Beautify
Beautify 會把空白與縮排補回去，讓 minify 後的程式碼可讀。閱讀第三方函式庫、除錯廠商腳本、檢視下載下來的程式碼時都用得到。但變數名稱無法還原，因為 minifier 把它們替換成單字母後，原本的資訊就消失了。
FAQ
- ES Modules 也能 minify 嗎？
- 可以。新版 minifier 會保留 import/export 語法。但不要把 module 與一般 script 模式的程式碼混在同一次處理裡。
- Minify 後的程式碼能在舊瀏覽器跑嗎？
- Minify 只負責保留語法、不會做 transpile。需要支援 IE 或舊版 Safari 的話，請先用 Babel 或 SWC 做轉換，再 minify。
