コードレビューと引き継ぎのためにCSSを整形する

該当する場合

ビルドやベンダーのミニファイCSSは人間が読めるよう整形し、本番成果物だけを必要ならミニファイします。

使うツール

CSSを整形または圧縮。

CSS整形/minify を開く →

手順

  1. 1ビルドまたはベンダー由来のCSSを貼り付ける。
  2. 2インデントでルールとメディアクエリが追えるか確認する。
  3. 3レビュー中はミニファイしない。
  4. 4Gitのdiffと照らし、挙動のすり替えを防ぐ。

例

  • サードパーティウィジェットCSSを整形してから上書きする。
  • デザイントークン抽出前にレガシー表を揃える。

避けること

  • レビュー中にミニファイして構造変更を隠す。
  • beautifyが無効構文を直すと思い込む。
  • バージョン固定なしに整形済みベンダーCSSを正とする。

関連ツール

ブログで

開発者・データツール のその他

すべてのタスクガイド または次の 開発者・データツール ハブ.

よくある質問

beautifyとlint？

読むためにはbeautify。読めてからlintでルール確認。

詳細度は？

変わるのは空白のみが原則。diffを監視してください。

すべてのタスクガイド · 開発者・データツール のツール · ブログ