JavaScript圧縮(Minify)
JavaScriptを貼り付けると、同じように動作するより小さなファイルが得られます。gzip前後の削減サイズも表示されます。
このデバイス内で封印済み
ブラウザ内で動作します。何もアップロードされません。
封印済み
圧縮後のJavaScript
入力すると、圧縮されたJavaScriptがここに表示されます。
このJavaScriptを解析できません
使い方
-
スクリプトを貼り付け
JavaScriptを貼り付けるか、.jsファイルを開きます。クラス、async関数、オプショナルチェーンなどの最新の構文にも対応しています。
-
オプションを調整
安全で小さな結果を得るなら初期設定のままで構いません。console呼び出しの削除、トップレベルの名前の短縮、追加のパスも選べます。
-
結果をコピー
削減されたバイト数を確認し、コードをコピーするか.min.jsファイルをダウンロードします。
よくある質問
コードはアップロードされますか?
いいえ。多くのJavaScriptビルドツールで使われている圧縮ツールTerserが、ブラウザ内で動作します。ソースコードがデバイスの外に出ることはありません。
圧縮後のコードは同じように動作しますか?
はい、初期設定のオプションなら同じように動作します。エラー報告など、実行時に関数名を使うコードでは「関数名とクラス名を保持」を使ってください。トップレベルの名前を対象にするのは、スクリプトがほかのスクリプトとグローバル変数を共有していない場合だけにしてください。
「出力する構文」で何が変わりますか?
Terserがコードを書き換える際に使ってよいJavaScriptのバージョンを指定します。たとえばES2015以降ならアロー関数を使えます。最新の構文をES5に変換するものではないため、その場合はBabelなどのトランスパイラをお使いください。
「ESモジュール」をオンにするのはなぜですか?
importやexportを使うファイルはモジュールです。Terserにそれを伝えると、ファイルを解析し、strictモードを適用し、トップレベルの名前を安全に短縮できます。モジュールの変数はグローバルではないためです。
ソースマップは作成されますか?
いいえ。このツールは手軽な圧縮のためのものです。ソースマップ付きの本番ビルドには、バンドラー経由でTerserをお使いください。