Использование Bootstrap SASS с Rails 5 без драгоценного камня

Question

Мне не повезло с официальным гемом TBS.

Вместо этого я установил все необходимые файлы .js и .scss в каталог своего поставщика.

в своих приложениях.css.scss, у меня есть ...

@import "bootstrap/scss/bootstrap";
@import "historical-bs-custom";

другие файлы SASS также находятся в каталоге / scss выше.Это компоненты, которые, как я думал, будут загружаться с помощью операторов @import в главном bootstrap.scss по умолчанию.Ex._alert.scss, _badge.scss и т. д.

в моем application.js, у меня есть ...

//= require rails-ujs
//= require turbolinks
//= require jquery-3.3.1.slim.min
//= require popper.min
//= require bootstrap/bootstrap
//= require_tree . 

При просмотре исходного кода страницы .js загружается нормально,но мой CSS не работает совсем.

Мой gemfile указывает, что он использует

gem 'sass-rails', '~> 5.0'

Я думал, что этого будет достаточно для предварительной обработки SASS.Я также добавил

# Bootsrap sass specific gem
gem 'bootstrap-sass'

, но безуспешно.

Я надеялся, что смогу использовать переменные SASS вместе с пользовательскими правилами CSS для этого приложения.Большая часть документации в интернете относится к использованию драгоценных камней, и я обнаружил, что у меня не единственная проблема с этим.

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

Заранее спасибо.

Answer 1

Мне удалось получить SASS для предварительной обработки, внеся изменения в код, как показано ниже, используя операторы @import вне исходного комментария по умолчанию, который находится в файлах application.css.scss.

/*
* This is a manifest file that'll be compiled into application.css,        which will include all the files
* listed below.
*
* Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
* vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll   appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*
*/
@import "bootstrap/scss/bootstrap";
@import "historical-bs-custom";
@import "test";

Сначала, при использовании VSCode, у меня была плохая подсветка синтаксиса, поэтому я отступил.Очень хороший коллега и друг заставили меня попробовать это снова.Теперь я могу продолжить свою жизнь.