Как правильно деплоить css Grunt'ом с конкатенацией и минификацией?

Question

[Александр]

Всем здравствуйте.
Использую Grunt.
Проблема в следующем:
Сейчас имею несколько файлов css (основной и несколько плагинов)..
Сначала я их конкатенирую в один, после чего применяю cssmin, получая на выходе 1 файл.
Проблема возникает при дебагинге - браузер показывает номера строк из сконкатенированного файла, а я хочу делать правки в исходных..
Подскажите, пожалуйста, как правильно деплоить? (чтобы на выходе был 1 минифицированный и конкатенированный файл, и чтобы его можно было дебажить).
Заранее спасибо.

Answer 1

[ValeraValera]

Gulp для самых маленьких - подробное руководство

Comments

[Александр]

Т.е. css-файлы сторонних библиотек(плагинов) и основной не конкатенировать, верно?

[ValeraValera]

Александр: здесь, как тебе нужно, ограничений нет, каждый отдельный файл - это дополнительный запрос на сервер, а это увелечиние скорости загрузки

[Александр]

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

Answer 2

[Константин Китманов]

В cssmin надо включить эту опцию: https://github.com/gruntjs/grunt-contrib-cssmin#so...
А в grunt-contrib-concat соответственно эту: https://github.com/gruntjs/grunt-contrib-concat#so...

Comments

[Александр]

Извиняюсь, может я что-то не так понял, но как его тогда дебажить через номера строк в браузере?
Мне нужно, чтобы номер строки в браузере соответствовал номеру строки в исходном файле.

[Константин Китманов]

Александр: я не знаю что вам нужно, я сдаюсь.

[Константин Китманов]

Александр: но дебажить -- это про sourcemap'ы.