💎
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