Жемчужина Bootstrap-sass: как выборочно просто взять нужные вам компоненты CSS?

Мы используем этот драгоценный камень для интеграции Bootstrap в наше приложение Rails. Я пытался вырезать некоторые компоненты css, которые нам не нужны, например, Glyphicons. У меня просто проблемы с пониманием этого фрагмента кода в README:

Вы также можете явно импортировать компоненты. Чтобы начать с полного списка модулей, скопируйте этот файл из гема:

# copy and prepend "bootstrap/" to the @import paths:
sed 's/@import "/@import "bootstrap\//' \
 $(bundle show bootstrap-sass)/vendor/assets/stylesheets/bootstrap/bootstrap.scss > \
 app/assets/stylesheets/bootstrap-custom.scss

Что именно мне здесь делать?


ruby ruby-on-rails twitter-bootstrap sed bootstrap-sass
person Daryll Santos    schedule 29.12.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Строка, на которую вы ссылаетесь, — это команда, которую вам нужно запустить в вашей командной строке (которая должна быть основана на Unix, поэтому используйте Mac, Linux или Unix). Что он делает, так это обращается к файлу (bootstrap.scss) и извлекает из него определенные строки. Затем, вместо вывода результата на экран, он записывает его в файл (bootstrap-custom.scss), который после выполнения команды будет содержать список всех модулей, которые использует загрузчик. Теперь вы можете удалить те, которые не хотите использовать.

Больше информации:

sed 's/@import "/@import "bootstrap\//' — эта строка использует sed, утилиту unix, которая анализирует и преобразовывает текст, чтобы найти только правильные строки.

$(bundle show bootstrap-sass) - $() указывает, что результат команды внутри должен быть вставлен в это место в более длинной команде вне их.

\ — появляется в конце 1-й и 2-й строк. Это означает, что хотя я нажимаю ввод, я все еще набираю свою команду, поэтому пока не запускайте ее.

`>' - перенаправляет вывод с экрана в файл.

Надеюсь это поможет.

person UKatz    schedule 29.12.2013
comment
Да человек это сделал. Я тоже немного почитал. Получается, что @import bootstrap импортирует все, но я могу импортировать компоненты по запросу, если мне нужно. На самом деле я не делал bundle show, я просто пошел в каталог и sed отредактировал файл. Ценить это! - person Daryll Santos; 29.12.2013