記事はたくさんあるのに、どの記事も微妙に書かれていることが違ったりして割とハマったので、自分がうまく行った方法をメモ。
Rails:5.2.4
Ruby:2.6.5
gemを入れる
bootstrap
、jquery-rails
の2つのgemを導入します。
Gemfile
gem 'bootstrap'
gem 'jquery-rails'
$ bundle install
application.scssを編集
まず、app/assets/stylesheets/application.css
の拡張子をscss
に変更します。
次にファイル内の以下の2行を削除します。
app/assets/stylesheets/application.scss
*= require_tree
*= require_self
最後に、以下の記述を書き込みます。
app/assets/stylesheets/application.scss
@import "bootstrap";
application.jsを編集
app/assets/javascripts/application.jsに以下の内容を追記します。
app/assets/javascripts/application.js
//= require jquery3
//= require popper
//= require bootstrap-sprockets
設定は以上になります。
AssetPilelineの仕組みがいまいちわかっていないので、今後調べて行こうと思います。