💎
Rails 7でnodejsを使わずにbootstrapを使う
Railsプロジェクトを作成する
-
rails new
を実行する- bootstrapに関連するオプションはつけない
bootstrapを使うのに必要なGemをインストールする
-
bundle add bootstrap sassc-rails mini_racer
を実行する
bootstrapを使うための設定をする
- 下記の内容で
app/assets/stylesheets/application.scss
ファイルを作成する
app/assets/stylesheets/application.scss
@import "bootstrap";
-
app/assets/stylesheets/application.css
は不要なので削除する -
config/initializers/assets.rb
に下記の内容を追記する
config/initializers/asserts.rb
Rails.application.config.assets.precompile += %w( bootstrap.min.js popper.js )
-
config/importmap.rb
に下記の内容を追記する
importmap.rb
pin "popper", to: 'popper.js', preload: true
pin "bootstrap", to: 'bootstrap.min.js', preload: true
-
app/javascript/application.js
に下記の内容を追記する
app/javascript/application.js
import "popper"
import "bootstrap"
-
rails assets:precompile
を実行してエラーが出なければOK
Discussion