railsでcssフレームワークを使うときのイメージ
大まかな流れ
例)webpackでbulmaをバンドルする場合 https://ytnk531.hatenablog.com/entry/2020/10/26/235828
- app/javascript/packs/application.scssでbulmaのcssを読み込む
- application.html.erbからapplication.cssを読み込む
- viewでbulmaのclassが使えるようになる!
例) Sprocketでbulmaをパイプラインする場合 https://qiita.com/vinaka/items/2fc431aee30a2a7ebf97 1. app/assets/stylesheets/application.scssでbulmaを読み込む 2. application.html.erbからapplication.cssを読み込む 3. viewでbulmaのclassが使えるようになる!
webpack使ったほうがよさげ
cssフレームワークについて
- 大きくわけると2種類あって、js入りのものとjsは入ってないもの。js入りで有名なのはbootstrap。jsが入ってないものは後から自分で好きなjs組み合わせられる
- 基本的に導入した後、特定のclassをタグに指定するだけでいい感じに見た目を整えてくれるcssシートだと思えばok