#javascript #html #css #gulp
#javascript #HTML #css — файл #gulp #css
Вопрос:
Я купил тему bootstrap у внешнего поставщика и модифицировал ее в соответствии с потребностями моей компании. В этой теме используется несколько файлов css, и когда я тестирую веб-страницу с использованием опции покрытия в консоли разработчика Google Chrome, большинство правил css даже не применяются к страницам. Я ищу способ определить неиспользуемые правила CSS и объединить все css в один или два css-файла с только применимыми правилами. Поскольку у меня на сайте несколько страниц, я ищу автоматический способ создать это с помощью Gulp или любых других библиотек
.
Комментарии:
1. в bootstrap scss / less есть отдельные файлы для разных компонентов. при загрузке вы можете выбрать, что для download.fo например, вы можете просто загрузить gridsystem без чего-либо else.so возможно, вы можете сделать то же самое со своей темой. проверьте структуру файла
Ответ №1:
Вы можете использовать модуль gulp, чтобы выяснить, какой CSS не используется
https://www.npmjs.com/package/gulp-purgecss
После того, как вы приведете в порядок свой CSS, вам следует объединить все ваши файлы (объединить вместе для уменьшения количества запросов) и минимизировать их (уменьшить пробелы и разрывы строк, что затрудняет интерпретацию компьютером)
Простой поиск в NPM должен показать вам лучшие модули и способы реализации.