Rails 7: легкие пути инсталляции Bootstrap 5 без esbuild, node, yarn - IT-C@FE
×
Masterpro Nivo Slider (06 фев 2023)

Это форк Vinaora Nivo Slider, пришлось переименовать, в силу требования JED. Даже старую версию качать можно было только с варезных сайтов, нашпигованную троянами. Зачем оно такое, согласитесь.

Решено Rails 7: легкие пути инсталляции Bootstrap 5 без esbuild, node, yarn

Подробнее
1 год 4 мес. назад - 1 год 4 мес. назад #1 от serge
Первый способ
$ rails new my_app
$ cd my_app
Проверяем, включен ли importmaps в ваш проект:
$ cat config/importmap.rb
, если нет:
$ rails importmap:install
$ bin/importmap pin bootstrap
, после чего можно снова взглянуть:
$ cat config/importmap.rb
Добавим в app/javascript/application.js:
import 'bootstrap'
Добавим в Gemfile:
gem 'bootstrap', '~> 5.1.3' 
Добавим в app/assets/stylesheets/application.css:
@import "bootstrap";
и переименуем в app/assets/stylesheets/application.scss
$ bundle install
$ rails s

Второй способ
$ rails new my_app
$ cd my_app
Добавим в Gemfile
gem 'bootstrap', '~> 5.1.3'
gem "sassc-rails"
Добавим в app/assets/stylesheets/application.css
@import "bootstrap";
и переименуем в app/assets/stylesheets/application.scss
Добавим в config/initializers/assets.rb
Rails.application.config.assets.precompile += %w( bootstrap.min.js popper.js )
Далее:
$ rails assets:precompile
Добавим в config/importmap.rb:
pin "popper", to: 'popper.js', preload: true
pin "bootstrap", to: 'bootstrap.min.js', preload: true
Добавим в app/javascript/application.js:
import "popper"
import "bootstrap"
Далее:
$ bundle install
$ rails s

Источники:
blog.eq8.eu/til/how-to-use-bootstrap-5-in-rails-7.html
dev.to/coorasse/rails-7-bootstrap-5-and-...s-without-nodejs-4g8

А я смогу! - А поглядим! - А я упрямый!
Последнее редактирование: 1 год 4 мес. назад пользователем serge.
Спасибо сказали: Aleksej

Пожалуйста Войти или Регистрация, чтобы присоединиться к беседе.

Работает на Kunena форум