Осенью самое время заняться установкой и тюнингом своего веб-сервера. Не правда ли?

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

Больше

2 года 6 мес. назад - 2 года 6 мес. назад #1 от serge

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

Первый способ

Code:

$ rails new my_app
$ cd my_app

Проверяем, включен ли importmaps в ваш проект:

Code:

$ cat config/importmap.rb

, если нет:

Code:

$ rails importmap:install
$ bin/importmap pin bootstrap

, после чего можно снова взглянуть:

Code:

$ cat config/importmap.rb

Добавим в app/javascript/application.js:

Code:

import 'bootstrap'

Добавим в Gemfile:

Code:

gem 'bootstrap', '~> 5.1.3' 

Добавим в app/assets/stylesheets/application.css:

Code:

@import "bootstrap";

и переименуем в app/assets/stylesheets/application.scss

Code:

$ bundle install
$ rails s

Второй способ

Code:

$ rails new my_app
$ cd my_app

Добавим в Gemfile

Code:

gem 'bootstrap', '~> 5.1.3'
gem "sassc-rails"

Добавим в app/assets/stylesheets/application.css

Code:

@import "bootstrap";

и переименуем в app/assets/stylesheets/application.scss
Добавим в config/initializers/assets.rb

Code:

Rails.application.config.assets.precompile += %w( bootstrap.min.js popper.js )

Code:

$ rails assets:precompile

Добавим в config/importmap.rb:

Code:

pin "popper", to: 'popper.js', preload: true
pin "bootstrap", to: 'bootstrap.min.js', preload: true

Добавим в app/javascript/application.js:

Code:

import "popper"
import "bootstrap"

Code:

$ bundle install
$ rails s

А я смогу! - А поглядим! - А я упрямый!

Последнее редактирование: 2 года 6 мес. назад пользователем serge.

Спасибо сказали: Aleksej

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