Я использую Rails 3 в первый раз, (особенно конвейерную обработку ресурсов и меньше-rails-bootstrap), так что я мог бы здесь отсутствует какая-то действительно основная концепция. Я пробовал два подхода к включению загрузочного CSS Twitter в свой проект, и у обоих есть проблемы.
Подход #1:app/assets/stylesheets/application.css
имеет require twitter/bootstrap
. Это включает в себя файл bootstrap css с использованием отдельного тега link/href, что хорошо. Однако проблема заключается в том, что в моем пользовательском файле CSS, скажем, app/stylesheets/mystyles.css
я не могу получить доступ к переменным + миксинам, определенным в less в коде начальной загрузки, например @gray
, .box-shadow
и т. д.
Подойдите к #2:Поместите @import 'twitter/bootstrap'
вверху app/assets/stylesheets/mystyles.css
. Это позволяет мне получить доступ к переменным + миксинам, определенным в less (в коде начальной загрузки), что хорошо. Однако проблема заключается в том, что он загружает весь загрузочный CSS в верхней части mystyles.css
, увеличивая размер файла. Если есть куча разных таблиц стилей, @import twitter/ bootstrap
это вызовет много дублирования.
Каков рекомендуемый подход в этой ситуации?