Импорт Bootstrap как S CSS в Rails 5.2

Question

У меня есть старое Rails-приложение, которое я пытаюсь улучшить. У меня есть набор стилей, которые я хотел бы импортировать, и один из них Bootstrap 4.

У меня есть следующий файл app/assets/stylesheets/application.scss

Попытка go require_tree . вызывает некоторые ошибки, поэтому я хотел бы go один за другим, начиная с bootstrap.

В моем Gemfile: gem 'bootstrap'

В вышеупомянутом application.scss :

/*
*= require_self
*/

// Bootstrap
@import 'bootstrap';

Интересно то, что хотя импорт из этого набора файлов / папок «работает» в том случае, если что-то не работает, приложение разрывается, но если все идет хорошо, как при импорте bootstrap, на самом деле на веб-сайте нет импортируемого файла .css.

Что такое настройка и импорт файлов sass и библиотеки bootstrap в Rails 5.2?

Это должно быть так просто но я уже несколько часов бьюсь головой о стену. Почему стили не отображаются, если они компилируются?

Есть ли пример сайта, о котором вы можете подумать, я могу посмотреть и увидеть различие, использующее s css? Это должно быть глупо просто, но это просто не показывает результат компиляции.

Answer 1

, так как вы упомянули рельсы 5.2 (НЕ рельсы 6), следующие шаги могут работать с вашей средой

внутри вашего приложения / assets / stylesheets / application. css

/*
*= require_self
*= require main
*/

он использует css файл, но вызывает main.s css (который находится в той же папке)

, затем внутри app / assets / stylesheets / main. css Вы можете импортировать любой s css, используя import

// bootstrap
@import "bootstrap";
// basic scss 
@import "basic/bodi_and_font.scss";
@import "basic/datepicker.scss";

Я использую bootstrap 4 и выше - это некоторый дополнительный пример s css, который я импортирую внутри спецификаций c папка