Railsのscssのコンパイルの際に、htmlで使われていないクラスを除きたい

Question

railsでscssをcssにコンパイルした際に、htmlで使用されていないクラスを削除してコンパイルしたいんですが、そのようなgemなり方法ってあるのでしょうか？

Answer 1

それは無理な話かと思います。
CSSはあくまでレイアウトを制御するために準備する「設定」で
それを使う使わないはHTMLの構成に任されますが、依存性はありません。

その理論だと、例えばBootstrapのようなCSSフレームワークなり
jQueryプラグインを導入していた場合に、極論、「全部使ってないから丸ごと削除」になりませんか？

CSSで階層なり継承なり使っていた場合、「HTMLで利用されているか」を追うのは非常に難しく、例え作ったところで労力に見合うような結果にはならないかと思います。

Comments

[norigram]

ご回答ありがとうございます。
そうなんですね。なるほど、勉強になりました。
ありがとうございます。

css設計の勉強をしているところなんですが、flocssの設計方針で作られているサンプルなどを参考にして、コーディングをしていたのですが、下記のようにsassでpaddingの調整をするクラスを定義して、htmlのクラス名からpaddingを指定できるように部品化していたので、なるほど便利だなと思った反面、使われないクラスが大量にコンパイルされてしまい、cssに無駄な記述が増えて重くならないか心配になったため、このような質問をさせていただきました。

```sass
@for $i from 0 through 300 {

.u-px-#{$i} {
padding-left: #{$i}px;
padding-right: #{$i}px;
}

.u-py-#{$i} {
padding-top: #{$i}px;
padding-bottom: #{$i}px;
}

.u-pt-#{$i} {
padding-top: #{$i}px;
}

.u-pr-#{$i} {
padding-right: #{$i}px;
}

.u-pb-#{$i} {
padding-bottom: #{$i}px;
}

.u-pl-#{$i} {
padding-left: #{$i}px;
}
}
```

[m.ts10806]

同様の疑問を持った人は過去にもいます。
https://teratail.com/questions/30866

そんな非現実的な（何百MBとか）サイズになってますか？

[norigram]

なるほど、それほど気にしなくても大丈夫なんですね。
まだ途中なので現状は大したことないのですが、この方法で進めて大丈夫なのか不安になって質問させていただきました。まだ勉強中で、要領がわかっておりませんでしたが、ご回答のおかげで安心しました。
ご丁寧にありがとうございます。

[m.ts10806]

パフォーマンス計測はしておいて、明らかに平均的に落ちてきてから考えたら良いのでは。
たぶんCSSは見直しの優先度としては後になるはずです。