JavaScript 美容師 &ミニファイアー

このツールの使用方法

JavaScript を入力パネルに貼り付け、選択します 美しくする または 縮小する モードタブから選択すると、結果が即座に表示されます。処理前に、インデント サイズ、中括弧のスタイル、改行処理などのオプションを調整します。クリック 出力のコピー クリップボードにコピーするか、 .jsをダウンロード ファイルを保存します。

美化オプションの説明

• ブレースのスタイル — Collapse 保つ { 同じ行にあります (K&R / 標準 JS)。 Expand 置く { 独自のライン（オールマンスタイル）で。 End-expand ハイブリッドです else そして catch 新鮮なラインを取得します。
• 改行を保持する — 元の空白行が存在する場所に保持します。論理的なグループ化としてスペースを使用するコードに役立ちます。
• JSLint-happy — Douglas Crockford の JSLint によって強制されるスタイルと一致します。関数式の前にスペースが入ります (、その他の調整。
• 文字列のエスケープを解除する — 改宗する \xNN そして \uNNNN 安全な場合は、文字通りの文字に戻ります。

縮小オプションの説明

• 保つ /*！ライセンス */ — で始まるコメントを保存します。 /*!、分散コード内に残す必要がある MIT/Apache 著作権ヘッダーをマークするために、ほとんどのライブラリで使用されている規則です。
• 最後のセミコロンを削除 — 最後の部分を削除します ; 前に }。バイトを節約しますが、diff のノイズが大きくなるため、デフォルトではオフになっています。

ミニファイアは意図的に保守的であり、空白とコメントのみを削除します。それはあります ない 変数の名前を変更したり、プロパティを変更したり、AST レベルのデッドコードの削除を実行したりできます。積極的な最適化に使用します terser または esbuild ビルドパイプライン内で。

js-beautify による提供

美容器の動力源は js-beautify、VS Code、Sublime Text、Atom、および最も一般的なオンライン フォーマッタで使用されるのと同じライブラリです。すべてがブラウザ内でローカルに実行されます。アップロード手順、サーバーの往復、レート制限はありません。 500 KB の縮小バンドルを貼り付けると、ミリ秒単位でフォーマットされます。