JavaScript ミニファイ
Terser をローカル Worker で使って JavaScript を圧縮。バイト統計とエラー位置を表示し、実行もアップロードもしない。
ツールを開く — JavaScript ミニファイJavaScript ミニファイ vs JavaScript フォーマッター
JavaScript ミニファイ と JavaScript フォーマッター — どう違う？
結論から: JavaScript Formatter はコードを読みやすくします。本物のパーサーで圧縮済みや散らかったソースを 2 スペースまたは 4 スペースに再インデントし、実行はしません。JavaScript Minifier はコードを小さくします。ローカル Worker 内の Terser で空白を削り、配信用に構文を短縮します。可読性とペイロードサイズの違いです。
JavaScript ミニファイ と JavaScript フォーマッター の比較
| JavaScript ミニファイ | JavaScript フォーマッター | |
|---|---|---|
| 用途 | Terser をローカル Worker で使って JavaScript を圧縮。バイト統計とエラー位置を表示し、実行もアップロードもしない。 | 本物のパーサーをローカル Worker で使って JavaScript を整形。信頼できないコードも実行せずに読める。2/4 スペース対応。 |
| 入力 | ES2020 までの JavaScript。TypeScript と JSX は不可。上限 256 KiB | 256 KiB までの JavaScript ソース。パースのみで実行はしない |
| 出力 | 縮小済みスクリプトと変換前後のバイト統計 | 2 スペースまたは 4 スペースに再インデントしたソース。エラー位置つき |
| 主な用途 | 配信向け。スクリプトやバンドル断片を本番用に縮小 | 閲覧向け。圧縮済みコードを展開してレビューまたはデバッグ |
主な違い
JavaScript ミニファイ vs JavaScript フォーマッター
役割
作業次第フォーマッタは人間のための整形を行います。ミニファイアは同じ言語を配信用に縮小します。
入力
この点は JavaScript ミニファイどちらも 256 KiB までの純粋な JavaScript を受け付けます。ミニファイアは TypeScript と JSX を拒否します。Terser が ES2020 までしか受け付けないためです。
出力
作業次第ミニファイアは縮小後のバイト削減を表示します。フォーマッタは同じコードの再インデント結果を、構文エラーの行列位置つきで示します。
向いている用途
作業次第レビューやデバッグならフォーマッタ。本番ペイロードならミニファイアです。
対象のツール
JavaScript フォーマッター
本物のパーサーをローカル Worker で使って JavaScript を整形。信頼できないコードも実行せずに読める。2/4 スペース対応。
ツールを開く — JavaScript フォーマッター関連比較
ほかの Toolars ツール比較
よくある質問
JavaScript ミニファイ と JavaScript フォーマッター はどう違いますか？
フォーマッタはレイアウトだけ、つまりインデントと改行だけを書き換え、構文エラーを位置つきで報告します。ミニファイアはコードそのものを書き換えます。コメントが削除され、Terser が構文を短縮し、削減バイト数が表示されます。どちらもコードを実行しません。
JavaScript ミニファイ と JavaScript フォーマッター は一緒に使えますか？
はい。往復の構成になります。圧縮済みファイルをフォーマットして内容を把握し、編集してから結果をミニファイして本番へ。フォーマット済みのコピーをソースとして保持してください。ミニファイ済み出力は編集ではなく配信用です。