создание пользовательского файла scss

Я устанавливаю bootstrap gem и следую всем указаниям, чтобы изменить application.css, однако, когда я создаю другой пользовательский файл .scss, настройки из пользовательского файла не были включены в application.css.scss . Я также пытался импортировать загрузочную ленту и загрузочные звездочки в пользовательский файл, но на веб-сайте не было внесено никаких изменений. Как настроить только что созданный файл custom.scss для отображения на веб-сайте.

файл application.css.scss содержит всего 2 строки

@import "bootstrap-sprockets";
@import "bootstrap";

ruby ruby-on-rails css bootstrap-sass
person KhoaVo    schedule 21.04.2016    source источник
comment
не могли бы вы перефразировать свой вопрос   -  person Alfie    schedule 22.04.2016
comment
не могли бы вы показать, что содержит application.css   -  person Alfie    schedule 22.04.2016
comment
Итак, вы требуете добавить custom.scss в application.css? не могли бы вы уточнить требование, пожалуйста   -  person Alfie    schedule 22.04.2016
comment
я думаю, что то, что вы ищете, должно быть достигнуто, просто добавив @import "custom" в application.css.scss   -  person Alfie    schedule 22.04.2016
comment
Я тоже так сделал, но по-прежнему не вижу изменений на веб-сайте. Если я поместил настройку непосредственно в файл application.scss, тогда все работает.   -  person KhoaVo    schedule 22.04.2016
comment
кстати, пользовательский файл пытается стилизовать другой частичный файл   -  person KhoaVo    schedule 22.04.2016

Ответы (1)


arrow_upward
2
arrow_downward

Если я правильно понял ваш вопрос, у вас есть application.scss, который содержит

@import "bootstrap-sprockets";
@import "bootstrap";

а также ваш пользовательский файл.scss, содержимое которого вы хотите поместить в application.css. Вам нужно добавить его в файл application.scss, т.е.

@import "bootstrap-sprockets";
@import "bootstrap";
@import "custom";

Также рекомендуется начинать имена файлов .scss, которые вы импортируете (также известные как частичные), со знака подчеркивания, поэтому в этом случае custom.scss становится _custom.scss. .

И убедитесь, что вы перекомпилировали application.scss в application.css, чтобы изменения действительно были внесены — я не уверен, что вы использовать для компиляции вашего sass, но я думаю, что это может быть шаг, который вы пропустили.

person SnowJambi    schedule 21.04.2016
comment
в основном, это то, что у меня изначально было, что по какой-то причине ничего для меня не делает, я переименовал оба файла с расширениями .css.scss, чтобы это уже должно было решить проблему перекомпиляции. - person KhoaVo; 22.04.2016
comment
Итак, с приведенной выше структурой, если вы измените custom.scss, а затем скомпилируете application.scss, будет ли то, что вы написали в custom.scss, видно в выходном файле application.css? Пытаюсь понять, в какой момент здесь что-то идет не так. - person SnowJambi; 22.04.2016
comment
о, я понял, что пошло не так, мне нужно было поместить строку @import "custom"; над двумя другими строками импорта, чтобы изменения вступили в силу. - person KhoaVo; 22.04.2016
comment
Ок, интересно. Вы могли бы подумать, что если он будет последним, то изменения будут внесены, но я думаю, что SASS не работает таким образом, вам придется прочитать об этом! - person SnowJambi; 22.04.2016