Это сводит меня с ума — у меня есть приложение Rails, построенное на Bootstrap. Я подключался в течение нескольких недель, и сегодня я столкнулся с очень странной проблемой. Если я внесу какие-либо тривиальные изменения (например, добавлю новую строку и сохраним) в ЛЮБУЮ таблицу стилей, я потеряю кучу моего форматирования CSS.
Это трудно объяснить без публикации всего моего кода и т. д. Самым большим симптомом является потеря моих шрифтов Google.
Вот верхняя часть моего файла application.css.scss:
@import "font-awesome-sprockets";
@import "font-awesome";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700);
/*** BOOTSTRAP ***/
/* Needs to load first to overide the default CSS */
@import "bootstrap_custom";
@import "bootstrap-sprockets";
@import "bootstrap";
@import "timeline";
После этого у меня есть еще несколько пользовательских CSS. Удивительный шрифт и загрузочный CSS все еще, кажется, загружаются. Код CSS, который, кажется, исчезает, — это файл bootstrap_custom. Здесь у меня есть шрифты Google и некоторый пользовательский CSS для панели навигации.
Перезапуск сервера rails не помогает. Замена отредактированного файла css не работает. Мне буквально нужно восстановить старую версию всего каталога приложений.
Неважно, меняю ли я файл с помощью терминала или TextMate - результат тот же.
Если это имеет значение, я использую Rails 4.1.8 на OS X 10.10.1. Я должен что-то настроить неправильно, или есть какой-то странный кеш сервера Rails или параметр, который мне здесь не хватает. Тот факт, что мне нужно восстановить весь каталог приложений, заставил бы меня поверить в это.
ОБНОВЛЕНИЕ
Я думаю, что это проблема SASS или Bootstrap-sass. Я прогнал CSS из обеих версий через онлайн-сайт сравнения файлов. В рабочей версии есть такие комментарии CSS:
/* line 111, /Users/dan/.rvm/gems/ruby-2.0.0-p247/gems/bootstrap-sass-3.3.1.0/assets/stylesheets/bootstrap/_carousel.scss */
.carousel-control.right {...
и сломанный:
/* line 5482, /Users/dan/Rails/broken-app/vendor/assets/stylesheets/bootstrap.css */
.carousel-control.right {...
Рабочий также содержит еще около 500 строк CSS! Опять же, это было сразу после добавления строки в мой файл application.css.css, ее удаления и повторного сохранения. Тот же результат, если вы очистите кеш. Посмотрю на мои версии драгоценных камней и т.д.
