はじめに
Railsを学習中の初心者です。
プログラミング学習サイト「Progate」で書いているコードをローカルでも書き起こして再現しながら学習していたところ、学習サイトの方では.scssが適用されているのに、ローカルでは適用されない？ということが起こった。
いろいろ調べて適用されるようになったので、備忘録として解決に至った手順をかく。
環境
Progate
Ruby 2.4.6
Rails 5.0.3
ローカル
Ruby 3.2.1
Rails 7.0.5
手順
まずはググったところ、Saasを使うためにはgemをインストールする必要があるらしい
が、それは昔の話で、Rails 7ではプリインストールされているとのこと。
じゃあなんで使えないの？ということで更に調べてみると、rails/sass-railsにインストール方法が書いてあった。
Installing
Since Rails 3.1, new Rails projects will be already configured to use Sass. If you areupgrading to Rails 3.1 you will need to add the following to your Gemfile:
Rails 3.1以降、新しいRailsプロジェクトはすでにSassを使用するように構成されています。Rails 3.1にアップグレードする場合、Gemfileに次の行を追加する必要があります。（Bird訳）
gem 'sass-rails'
ということなので、Gemfileを見に行ってみると、記述されているところを発見
.
.
# Use Sass to process CSS
# gem "sassc-rails"
.
.
これを
.
.
# Use Sass to process CSS
gem "sassc-rails"
.
.
に書き直して保存した。よーしこれで適応されるぞ！と思ったけどできていない...
rails/sass-railsをもう一度読んでみると下の方に
$ bundle install
$ bundle exec rake test
とあったのでbundle installを実行したところ、
Fetching sass-rails 6.0.0
Installing sass-rails 6.0.0
とターミナルに表示され、無事にインストールされた様子。
この作業で無事にローカルでも.scssファイルが利用できるようになった。