よりクリーンなプロダクションアセットのためのコードミニファイアー
コード縮小ツールは、不要な空白、改行、コメント、人間が編集中に必要とするが、完成したアセットを実行するときにブラウザーが通常必要としない書式設定を削除することで、コードのサイズを削減します。 これは、より高速でクリーンな配信ワークフローのために JavaScript、CSS、HTML、または同様のコードを準備する場合に役立ちます。 縮小化はコードの目的を変更することではありません。 それは、最終的な出力をより軽量かつコンパクトにすることです。 開発者、学生、技術創設者、Web ビルダーにとって、ミニファイアは、読みやすいソース コードの作成と最適化された運用ファイルの公開の間の実用的なステップとなります。
スペース、インデント、コメントは各部分の動作を理解するのに役立つため、開発中に読みやすいコードは重要です。 実稼働コードには別の優先順位があります。つまり、コードはコンパクトで、効率的に転送でき、すぐにデプロイできる必要があります。 コード縮小機能は、実行に必要のない余分な文字を削除するため、ファイル サイズが削減され、アセットを Web プロジェクトで提供しやすくなります。 これは、ランディング ページ、小さなスクリプト、スタイル スニペット、埋め込みウィジェット、および迅速に読み込む必要があるユーティリティ コードに特に役立ちます。 縮小化は、クリーンで保守可能なソース コードを作成することに代わるものではなく、最終的な準備ステップとして扱う必要があります。
ミニファイアは、コードの編集とテストが終了した後に最も役立ちます。 たとえば、価格カードの CSS スニペットを作成し、ローカル プロジェクトで JavaScript 関数をテストし、ページに埋め込む前に最終バージョンを縮小することができます。 開発者は、これを使用して、小さなスタンドアロン スクリプトを圧縮したり、インライン スタイルをクリーンアップしたり、すべての文字が重要になる環境向けのコード サンプルを準備したりすることもできます。 実際のワークフローでは、元の読み取り可能なバージョンを別途保存しておく必要があります。 縮小されたバージョンは配信コピーですが、フォーマットされたバージョンは、将来編集が必要になったときに戻るソースとして残ります。
最大の間違いは、コードが実際に動作することを確認する前にコードを縮小することです。 縮小するとコードが読みにくくなる可能性があるため、出力が圧縮された後はエラーの診断がより困難になります。 特に引用符、テンプレート文字列、正規表現、異常なコンテキスト内のコメント、またはインライン イベント ロジックが含まれている場合は、常に元のコードを最初にテストしてください。 一部のテキスト テンプレートや書式設定に依存するスニペットなど、正確な空白に依存するコードには注意してください。 また、唯一の読み取り可能なソース ファイルを縮小バージョンに置き換えることも避けてください。 優れたワークフローでは、元のコードがそのまま維持され、コンパクトな配信が必要な場合にのみ圧縮された出力が使用されます。