CSSミニファイヤー

空白とコメントの削除はミニファイの中で分かりやすく簡単な部分であり、どのミニファイヤーもそれを行いますし、それ単体では単なる検索置換とほとんど変わりません。本物のCSS対応ミニファイヤーを単純な空白の削除から分けるのは、スタイルシートを実際に理解する必要があるすべての部分です: `#ffffff`のような色の値を`#fff`に圧縮し、余分なゼロの単位を切り詰めるショートハンド値の圧縮、そして最終的に同じ宣言を適用する2つのルールを1つに統合する重複・重複ルールの統合です。どちらも、まずCSSを本物の構造に解析する必要があります — どのセレクタがどの宣言に適用されるか、どの値が等価かを把握することです。だからこそcssoはテキストをパターンマッチングするのではなく実際の構文木を構築するのであり、それは本物のパーサーが正規表現による処理より真価を発揮する理由と同じです。

モダンなビルドツールは、本番ビルドの一部として自動的にCSSの出力をミニファイするため、バンドルされたプロジェクトの中で作業する人にとって、ミニファイはビルドするたびにすでに見えないところで起きています。このような単体ツールは、そのパイプラインの外側に落ちるものをカバーします: ビルドステップがまったくないCMSやプラットフォーム、どこかサイズ制約のある場所に収める必要がある一度限りのスニペット、あるいはツールを組むだけの価値があるかを決める前にあるスタイルシートが実際どれだけ縮むかを確認したいだけの場合などです。一度だけ必要な単一ファイルであれば、ここに貼り付けて結果をコピーし直す方が、バンドラーが生み出すのと同じ出力への近道です。

本物のCSS対応ミニファイヤーは、何を統合し何を書き換えるかについて意図的に慎重です: カスタムプロパティ（CSS変数）、メディアクエリ、キーフレームアニメーション、ベンダープレフィックス付きの宣言はすべて、書かれたとおりに正確に保持されます。誤って崩してしまうと、ソースの見た目だけでなく一部のブラウザや画面サイズでのページの表示のされ方まで黙って変えてしまう可能性があるからです。自動的に行っても安全な最適化 — 空白、コメント、ショートハンド値、本当に重複しているルール — は、レンダリングされるページに一切影響を与えないものだけであり、これこそがより荒っぽくリスクの高い検索置換ではなく本物のパーサーを使う設計思想の全体です。