Обфусцировать, сжать, сконкатенировать js, css с помощью gulp?

Question

[nikitakarpenko]

Нужно склеить и сделать в одну строку файл!
Знаю uglufy сжимает, правильно ли понял, что он делает файл в одну строку?
concatinate соединяет файлы.
Подскажите пакеты gulp какие вы используете или пользовались?

Answer 1

[Ihor Bratukh]

uglify вполне достаточно для минификации js файла.
Для конкатенации я использую gulp-js-import для того чтобы более гибко управлять вставкой js файлов, например
@import './project/js/plugins/jquery.js'
Так же очень полезный для меня плагин это gulp-file-include. С его помощью можно вставлять файлы и в html и в js. У меня была задача задать стили через js, с помощью этого плагина я писал стили в sass, gulp-sass генерировал минифицированный css файл и с помощью этого плагина я вставлял css с переменную js, получилось очень удобно.

var style = '@@include('./modules/airbender/style.css')';
$('head').append('<style type="text/css">'+ style +'</style>');

Comments

[nikitakarpenko]

Спасибо. А как насчет css, gulp-uglify подойдет для минификации?

[Ihor Bratukh]

nikitakarpenko, нет, для css gulp-clean-css

[Ihor Bratukh]

nikitakarpenko, так же очень полезная штука для css перед минификацией это gulp-group-css-media-queries. Он групирует медиа запросы и вставляет в конец css файла.
Вы можете раскидать media запросы в коде, плагин их згрупирует по значениям breakpoint и вставит в самый конец файла.

[nikitakarpenko]

BRAGA96, Прикольно. Спасибо)!