CSS Minifier は 1 つのことを実行し、それをうまく機能させます。それは、開発者ツールである CSS Minifier を、通常の手間をかけずに使用できるようにすることです。 これを最大限に活用する方法は次のとおりです。
ブラウザで CSS ミニファイアを直接使用します。
このガイドでは、その目的、段階的な使用方法、もっと早く誰かに教えてほしかったと思ういくつかのヒント、人々から最も寄せられる質問など、全体を説明します。
私が最も気に入っている部分は何ですか? すべてがブラウザ内で正しく実行されます。 サーバーには何もアップロードされないため、ファイルは常に自分のデバイス上に残ります。
短いバージョン
開発者ツール: CSS ミニファイアー。 これは、エッジケースのプロフェッショナルなパイプラインではなく、日常的なタスクを対象としています。
単一のジョブを実行するため、高速です。 それを開いて操作を行うと、通常は 1 分以内に完了します。
完全なチュートリアルはこちら
これは数分で完了します。 その流れは次のとおりです。
- 入力してください。 Css Minifier で開くことができます。
- 出力を表示します。
- 結果をコピーします。 タブを閉じる前に簡単に確認してください。
より良い結果を得るためのヒント
これらはルールではなく、単に時間を節約できたものです:
- トークンなどの機密性の高いものについては、ローカルで実行することを忘れないでください。ただし、実際の本番環境のシークレットを貼り付けることは避けてください。
- 開始する前に元のコピーを保持してください。これには 1 秒かかり、やり直したい場合に手間が省けます。
- フォーマットする前に検証してください。最初に構文エラーを検出すると、後で混乱を避けることができます。
- 縮小したものはすべて生のバックアップを保持してください。 縮小された出力を手動で編集するのは困難です。
- 最初にデフォルト設定を試してください。 最も一般的なケースに合わせて調整されており、いつでもそこから調整できます。
煩わしい部分のトラブルシューティング
ここにあるものは大したことはありませんが、これらはあなたが思っている以上に人々をつまずかせます:
- プロセスの途中でリフレッシュします。 作業はブラウザで行われるため、リロードすると最初から始まります。
- 最初のパスで完璧を期待します。 正しくない場合は、オプションを 1 つ調整して再度実行します。これは正常です。
- タブを閉じるのが早すぎます。 特に低速接続の場合は、終了するまで待ってから移動してください。
- 間違ったバージョンのファイルをアップロードする。 古いタブを閉じて、最初にファイル名を再確認してください。
便利な場所
コードを学習していて、入力が出力にどのようにマッピングされるかを即座に確認したい人。
開発者は、API 応答または設定ファイルをその場でデバッグします。