Комментарии 30
Вообще, странно, что в конце статьи «Самые нужные плагины для Gulp» приведен довольно объемный список плагинов для Grunt. Так задумано?
+4
Интересно, вчера только думал про конвертировании шаблонов в angular jst и тут на тебе — gulp-angular-templatecache
0
Отличная шпаргалка, спасибо. Внес свою лепту на гитхабе.
+2
Ну та самая копипаста тоже моя. И пишу я сначала на русском. Уважение к Хабру и его читателям у меня безгранично. Не хватило внимательности. Для меня было не просто, перебрать почти две сотни не дублирующихся и самое главное полезных плагинов для Grunt и Gulp, и написать без ошибок все на русском, английском в Markdown и HTML. Но признаюсь, я сам по себе не очень внимательный. Всегда борюсь с этим. В данном случае проиграл :)
+6
К gulp-rev хорошо бы приписать gulp-rev-collector, который позволяет использовать манифест-файл(ы) gulp-rev для поиска ссылок на ассеты в шаблонах и замены их на аналоги с приписанным номером ревизии. Проще говоря в шаблоне пишем /css/index.css, a он заменит это на /css/index-71543b2c.css во всех шаблонах по указанному пути.
+1
Простите право, но как вы могли забыть о gulp-rigger?
+1
И так-же gulp-sourcemap…
0
Извиняюсь за вопрос, а вы можете подсказать что он именно делает?
+1
Некоторые плагины из подборки в статусе deprecated: gulp-clean, gulp-plato, gulp-bower-files
gulp-uncss — у вас ссылка не на тот плагин, на gulp-uncss-task, который тоже deprecated
gulp-copy — плагин сомнительной полезности, копировать файлы гулп умеет из коробки.
gulp-express — запускает не только Express.js сервер, а вообще любой
gulp-uncss — у вас ссылка не на тот плагин, на gulp-uncss-task, который тоже deprecated
gulp-copy — плагин сомнительной полезности, копировать файлы гулп умеет из коробки.
gulp-express — запускает не только Express.js сервер, а вообще любой
+4
Спасибо большое за коммент. Uncss исправил, а вот по поводу Copy есть вопрос. Также из коробки работает gulp-requirejs и gulp-browserify как оказалось (просто сам я привык к grunt). Дак вот, все эти плагины мне просто удалить или как их посоветуете выделить, что они работают из коробки?
0
gulp-copy не нужен, потому что gulp умеет выполнять задачи без трансформации, как
По поводу requirejs и browserify, вот что говорится в руководстве для написания плагинов
Так что да, не нужны
gulp-requirejs — простая обертка
gulp-browserify — не поддерживается, вместо этого сам дает ссылку на рецепты, где способ запуска browserify для gulp
gulp.src('./source/js/**/*.*', {base: './source'})
.pipe(gulp.dest('./dist')) //скопирует папку js из source в dist
.pipe(gulp.dest('./deploy')); //можно использовать несколько раз
По поводу requirejs и browserify, вот что говорится в руководстве для написания плагинов
Your plugin should not do something that can be done easily with an existing node module
Wrapping every possible thing just for the sake of wrapping it will pollute the ecosystem with low quality plugins that don't make sense within the gulp paradigm.
Плагин не должен делать то, что легко делается существующим node модулем
Оборачивание всего подряд ради обертки загрязняет екосистему плагинами низкого качества, что противоречит парадигме gulp
Так что да, не нужны
gulp-requirejs — простая обертка
gulp-browserify — не поддерживается, вместо этого сам дает ссылку на рецепты, где способ запуска browserify для gulp
0
В качестве grunt-html-build можно использовать gulp-html-replace.
+1
Сразу видно, автор ничего не использовал на практике. gulp-htmlmin — плохой плагин, вы с ним даже распространенные библиотеки (типа angularStrap) не скомпилите. И хорошо было бы сперва в этот списочек заглянуть github.com/gulpjs/plugins/blob/master/src/blackList.json
-1
Прямо таки ничего?
Конечно же я не все использовал, но не думаю, что это для кого окажется новостью. Про blackList уже уже в курсе, сам не знал про него. В большинстве случаев работаю с Grunt. Скоро внесу все правки.
Конечно же я не все использовал, но не думаю, что это для кого окажется новостью. Про blackList уже уже в курсе, сам не знал про него. В большинстве случаев работаю с Grunt. Скоро внесу все правки.
+1
Пользуясь случаем, хочу попросить рекомендации, чем оптимизировать Handlebars тимплейты. Пробовал разными html-минификаторами, но они все равно оставляют ненужные переносы строк, от которых плывет разметка.
0
Эммм… а не лучше их прекомпилировать и жать js минификатором? Зачем оставлять исходный шаблон, когда можно его сразу компилировать?
0
По поводу shorthand, его можно интегрировать с gulp, например так:
var through2 = require('through2');
var shrthnd = require('shrthnd');
.pipe(through2.obj(function (file, enc, next) {
var contents = file.contents.toString();
var res = shrthnd(contents).string;
console.log(file.path + ": shrthnd saved " + (contents.length - res.length) + " bytes");
file.contents = new Buffer(res);
next(null, file);
}))
+1
Конечно есть, после того как я написал решение, чувак его скопипастил.
+1
а может кто подскажет как подружить gulp-less, gulp-sourcemaps и gulp-autoprefixer?
0
Для Stylus у меня сделано так (думаю можно легко переделать для Less).
Для загрузки плагинов используется gulp-load-plugins
gulp.src([paths.src + "/app/index.styl", paths.src + "/app/vendor.styl"])
.pipe($.plumber({
errorHandler: $.notify.onError("Error: <%= error.message %>")
}))
.pipe($.sourcemaps.init())
.pipe($.stylus({
use: [nib()],
compress: true
}))
.pipe($.autoprefixer({
browsers: ['last 2 versions', 'ie 9']
}))
.pipe($.sourcemaps.write())
.pipe(gulp.dest(paths.tmp + "/serve/app/"))
Для загрузки плагинов используется gulp-load-plugins
0
gulp-release кстати просто пустой файл
gulp-clean — deprecated, рекомендовано использовать rimraf, типа:
gulp-clean — deprecated, рекомендовано использовать rimraf, типа:
var rimraf = require('rimraf');
gulp.task('clean', function(cb){
rimraf('./dist', cb);
});
0
Вроде rimraf тоже depricated и рекомендуется использовать www.npmjs.com/packages/del
0
gulp-grunt — we need to go deeper
+1
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Самые нужные плагины для Gulp