Почему при использовании gulp-minify-css в ie9 едет вёрстка?

Question

[Думай Головой]

В остальных браузерах нормально.

Если не использовать данный плагин, а просто сжать css посредством удаления пробелов и переноса строк, то тоже нормально, только сжатие не такое крутое как у gulp-minify-css

UPD:
прогнал исходник и минифицированную версию одним beautifier'ом - в исходнике на 1000 строк больше! Как так? ie8 в поддержке плагина включен

Answer 1

[nonlux]

gulp-minify-css использует clean-css
у clean-css есть режимы поддержки ie7, ie8 попробуйте их включить.

Возможно это баг поищите в issue clean-css или разберите сжатый файл, и посмотрите что удалилось.

Comments

[Думай Головой]

nonlux
жесть
я сейчас прогнал исходник и минифицированную версию одним beautifier'ом - в исходнике на 1000 строк больше! ie8 в поддержке плагина включен

[nonlux]

Думаю это нормально он объединяет разные свойства.

Наверное, вот это надо бы сначала включить.
из доков clean-css
advanced - set to false to disable advanced optimizations - selector & property merging, reduction, etc.
aggressiveMerging - set to false to disable aggressive merging of properties.

[nonlux]

+ Лучше всего из исходников взять багнутую часть, выделить в отдельный файл и отдельно прогнать.
На крайний случай его можно отдельно подключить будет.

[Думай Головой]

nonlux
advanced: false
помогло

Дурацкий фича, столько времени на него убил сейчас, экономит всего 20кб из 10 000 строк кода