Можно ли удалить неиспользуемые стили из стилей фреймворка?
Добрый день, тостеряне :)
Вопрос таков: есть ли возможность перекомпилировать исходный CSS какого-либо фреймворка таким образом, чтобы из исходного кода остались только те стили оформления которые были реально были использованы.
То есть если я возьму полный пакет Bootstrap, из него использую, например, только navbar и формы... Вот как перекомпилировать, чтобы все лишнее вырезало?
На указанной странице есть описание того, как работает этот инструмент. Да, он абсолютно фреймворконезависим, поскольку оперирует DOM-деревом и файлами стилей. Но нужно корректно указать исключения, чтобы не вырезались какие-то стили, которые генерируются пользователем (ховеры, индикаторы активных элементов и т.п.)
1. Bootstrap - Это для бутстрапа. Ты сам можешь его собрать.
2. Ещё можешь выкачать исходники его в sass. Вырезать ненужные части и скомпилировать. Исходники есть для любого фреймверка.
3. На gulp есть плагин. ben-eb/gulp-uncss Анализирует HTML и вырезает ненужные стили.
Простой
