Компиляция/сжатие CSS и исходные карты v3

Кто-нибудь знает инструмент, который будет сжимать/минимизировать/объединять мои файлы CSS и создавать действительный SourceMap v3, который можно использовать с Chrome? Предпочтительно инструмент NodeJS.

Известные мне компрессоры для Node — это clean-css, csso, css-конденсат (использует css-parse, но подавляет bootstrap.css) и cssmin (порт из YUI, но без CLI). Похоже, ни один из них не поддерживает исходную карту.

Я думаю, что SASS (Ruby) и, возможно, Less.js работают над реализацией, но это инструменты препроцессора.


node.js css source-maps minify
person sstur    schedule 02.04.2013    source источник

Ответы (3)


arrow_upward
1
arrow_downward

mincer-sourcemap, похоже, может генерировать исходные карты CSS.

person Adrian Heine    schedule 30.08.2013

arrow_upward
1
arrow_downward

Выпуск конвейера ресурсов mincer 1.0.0+ включает поддержку исходных карт. Это порт ruby ​​​​sprockets на node.js. Последнее состояние движков находится на вики.

Для CSS прямо сейчас вы можете использовать LESS + AutoPrefixer + цепочка CssWring. SASS также поддерживает исходные карты, но он еще не адаптирован для мясорубки.

В ближайшем будущем Stylus также должен добавить поддержку исходных карт.

person Vitaly    schedule 02.04.2014

arrow_upward
0
arrow_downward

Я использую https://ajaxmin.codeplex.com/, который отлично работает, в том числе и на начальной загрузке.

Он может минимизировать JS и CSS. Обрабатывает исходные карты и объединение файлов.

Вариантов множество, но я использую несколько XML-файлов, чтобы определить, что нужно минимизировать, а что — в пакет. Вы также можете просто использовать для этого командную строку.

Моим вариантом использования было создание времени компиляции. Если вы создаете среду выполнения, вам следует заняться чем-то другим.

person Soeren L. Nielsen    schedule 11.03.2014
comment
Минимизируйте файлы JS и CSS и теперь дополнительно создавайте исходные карты для файлов JavaScript. Я не думаю, что он создает исходные карты CSS, но поправьте меня, если я ошибаюсь. - person sstur; 13.03.2014
comment
Это происходит, если вы попросите об этом. В моем файле .xml: ‹?xml version=1.0 encoding=utf-8 ?› ‹root› ‹output path=corev15.min.css› ‹symbolMap name=v3 path=corev15.min.css.map /› ‹input path=corev15.css /› ‹/output› ... - person Soeren L. Nielsen; 28.04.2014