ブラウザ内で動く JavaScript の Minify と Beautify ツールです。ビルドパイプラインを用意するほどでもない一度きりの変換に便利です。
Minify が必要な場面
Minify は空白を取り除き、識別子を短くし、コメントを削除します。出力は通常 30〜60% 小さくなり、解析も速くなります。本番バンドル、埋め込みスニペット、インライン script に向きます。原本は必ずバージョン管理してください。ソースマップなしの minify はデバッグが困難です。
Beautify が必要な場面
Beautify は空白とインデントを再構成し、minify 済みコードを読みやすく整形します。サードパーティライブラリの解析、ベンダースクリプトのデバッグ、ダウンロードしたコードの確認に。ただし変数名は復元されません。minifier が 1 文字に置換した情報は失われたままです。
FAQ
- ES Modules も Minify できますか？
- はい。最新の Minifier は import/export を保持します。モジュールと通常 script のコードを 1 度に処理しないでください。
- 古いブラウザでも動きますか？
- Minify は構文を保つだけで Transpile しません。IE や旧 Safari 対応が必要なら Babel や SWC で先に変換してから Minify してください。
