【作業効率化】CSSのクラスがどのファイルで使われているかgrepコマンドで検索する

  • 13
    Like
  • 0
    Comment
More than 1 year has passed since last update.

CSSのクラスがどのファイルで使用されているか、クラスを修正する影響範囲などを調べたいときにgrepコマンドで検索しています。

使い方

-Rオプションを付けることで、ディレクトリにあるファイルを全て検索されます。

grepコマンドでクラスを探そう
grep "検索したいクラス名" -R "検索したいファイルがあるディレクトリ"

例としてheadlineクラスがどのビューファイルで使用されているか検索してみます。

grepコマンドでheadlineクラスを探す
grep "headline" -R /var/www/pugiemonn/app/views/

viewsディレクトリに置いてある、headlineという文字列が存在するファイルが表示されました。

検索が早くなると作業が早くなったり、HTMLやCSSの影響範囲がわかって便利です(☝ ՞ਊ ՞)

おまけ

検索と合わせて perlのコマンドでファイル内の文字列を一括置換しました。 - Qiita のような一括置換をすると非常に効果的です。