gulp-minify-css

В повседневной работе для минификации стилей я пользуюсь именно этим плагином для галпа.

Выбор в своё время на него пал из-за вот этой таблицы сравнений, поскольку основан он на clean-css, который там один из лучших. Поставил, работает.

Однако, минифицирую я относительно редко. При отдаче вёрстки заказчику (т. е., если натягиваю её не я), я вообще не пользуюсь минификатором, поскольку вполне может быть, что на том конце её будут как-то разбивать, дополнять и т. д. Когда же интегрирую вёрстку сам, галп собирает постоянно в режиме минификации, поскольку я могу по ходу вносить правки, и мне нужно чтобы на сервер уходил уже сжатый файл.

Однако, речь не о моём рабочем процессе, а о том, что нужно внимательно читать описания плагинов прежде, чем их использовать. Сегодня столкнулся с интересным багом: если в файле стилей есть импорт других стилей, то он их оттуда вставляет. На первый взгляд ничего лишнего, так и должно быть. Однако, плагин делает это даже в том случае, если в импорте прописана ссылка на внешний ресурс, как это было у меня со шрифтами с Гугла. В итоге, после разрешения всех относительных и абсолютных адресов вместо необходимых файлов с серверов Гугла подгружались (а точнее не подгружались) файлы с адресов типа /fonts/../../fonts.gstatic.com/s...

Решений было несколько (благо настроек много). Я выбрал просто ограничение загрузки всех импортов до локальных ресурсов: processImportFrom: [’local’].

2015
Популярное