Rails 5 に Bootsrap - blog.shmn7iii.net

1. gem を追加

jQuery も必要らしい。

gem 'jquery-rails'
gem 'bootstrap'

Gemfile

$ bundle install

sassc のネイティブビルドが激重なのですごい時間かかる。

2. app/assets/javascripts/application.js を編集

//= require jquery3
//= require popper 
//= require bootstrap-sprockets

app/assets/javascripts/application.js

先頭に追加する。順番が大事らしい。

3. app/assets/stylesheets/application.scss を編集

application.css を application.scss に変更する。

以下を先頭に追加。

@import "bootstrap";

app/assets/stylesheets/application.scss

4. 設定の変更

Rails6 では js_compressor に uglifier が使われるが、最新の Bootstrap を入れるとassets:precompile でこける。これは uglifier が ES6 構文までしか対応しておらず、たとえば ES2020 等になると動かなくなることが原因らしい。ので terser へ入れ替える。