Консолидация CSS с помощью Gulp

Question

Я купил тему начальной загрузки у внешнего поставщика и изменил ее в соответствии с потребностями моей компании. В этой теме используется несколько файлов CSS, и когда я тестирую веб-страницу с помощью параметра покрытия в консоли разработчика Google Chrome, большинство правил CSS даже не применяются к страницам. Я ищу способ идентифицировать неиспользуемые правила CSS и объединить все CSS в один или два CSS-файла только с применимыми правилами. Поскольку у меня есть несколько страниц на моем веб-сайте, я ищу автоматический способ создания этого с помощью Gulp или любых других библиотек .

Answer 1

Вы можете использовать модуль gulp, чтобы выяснить, какой CSS не используется

https://www.npmjs.com/package/gulp-purgecss

После того, как ваш CSS приведен в порядок, вы должны объединить все ваши файлы (объединить дляменьше запросов) и минимизируйте их (уменьшите количество пробелов и разрывов строк, делая компьютер менее интерпретируемым)

Простой поиск в NPM должен показать вам лучшие модули и способы их реализации.