Gulp | Самое интересное внутри !

[ArtemPitov]

Доброго времени суток, Господа !

 

Решил создать тему для тех кто пользуется Gulp - ом, давайте делиться плагинами, кто какие использует ?

 

Вот мой набор

 

https://www.npmjs.com/package/gulp-autoprefixer - автопрефиксер css использует всегда актуальную базу с сайта http://caniuse.com

https://www.npmjs.com/package/gulp-csscomb - расческа для css 

https://www.npmjs.com/package/gulp-rename/ - переименования файлов

https://www.npmjs.com/package/gulp-concat-css/ - собирает все css в один

https://www.npmjs.com/package/gulp-uncss/ удаления не использованых стилей 

https://www.npmjs.com/package/gulp-notify/ - всплывашки 

https://www.npmjs.com/package/gulp-data-uri кодирования картинок в bsae 64 

[pantagruel964]

У меня так. Rigger удобнее, чем concat. У вас concat-css, a js не собираете?

var gulp = require('gulp'),
    prefixer = require('gulp-autoprefixer'),
    uglify = require('gulp-uglify'),
    watch = require('gulp-watch'),
    sass = require('gulp-sass'),
    cssmin = require('gulp-minify-css'),
    rigger = require('gulp-rigger');

[ArtemPitov]

 

У меня так. Rigger удобнее, чем concat. У вас concat-css, a js не собираете?

var gulp = require('gulp'),
    prefixer = require('gulp-autoprefixer'),
    uglify = require('gulp-uglify'),
    watch = require('gulp-watch'),
    sass = require('gulp-sass'),
    cssmin = require('gulp-minify-css'),
    rigger = require('gulp-rigger');

чем удобнее Rigger, я не работал с ним

 

кстати еще stylus на борту у меня и gulp-clean-css, js не собирал еще, что есть интересного для него ? 

[pantagruel964]

concat неудобно работает с путями, т.е.

если указать такой источник

gulp.src('./lib/*.js')

он, конечно, соберет все содержимое в одну кучу, но обрабатывая файлы в алфавитном порядке. Понятно, что скорее всего будет фейл, особенно, если присутствует jquery.js

 

Можно еще указать так

gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])

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

 

С риггером проще. Просто указываем источник

src: { js: 'js/file.js' }

и в него добавляем пути к файлам

//= file1
//= file2
//= file3
//= file4
//= file5
//= file6
//= file7
//= file8

при этом кодить можно прямо в источнике, т.к. в отличие от concat, он не соединяет файлы, а импортирует данные из других файлов в источник

 

для css тоже просто, указываем источник и импортируем в туда

@import "file1";
@import "file2";
@import "file3";
@import "file4";
@import "file5";
@import "file6";
@import "file7";

[ArtemPitov]

спасибо, возьму на вооружение