Можно ли удалить неиспользуемые стили из стилей фреймворка?

Question

[Fedor]

Добрый день, тостеряне :)

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

То есть если я возьму полный пакет Bootstrap, из него использую, например, только navbar и формы... Вот как перекомпилировать, чтобы все лишнее вырезало?

Answer 1

[Алексей Уколов]

https://github.com/giakki/uncss

Comments

[Fedor]

и оно будет работать для всех фреймворков? Bootstrap, Kube, Foundation...

[Алексей Уколов]

На указанной странице есть описание того, как работает этот инструмент. Да, он абсолютно фреймворконезависим, поскольку оперирует DOM-деревом и файлами стилей. Но нужно корректно указать исключения, чтобы не вырезались какие-то стили, которые генерируются пользователем (ховеры, индикаторы активных элементов и т.п.)

Answer 2

[Станислав Почепко]

1. Bootstrap - Это для бутстрапа. Ты сам можешь его собрать.
2. Ещё можешь выкачать исходники его в sass. Вырезать ненужные части и скомпилировать. Исходники есть для любого фреймверка.
3. На gulp есть плагин. ben-eb/gulp-uncss Анализирует HTML и вырезает ненужные стили.