#pd-gulp

A little project to make working with gulp a bit more comfortable.

Idea

I love gulp, but the configuration is a glorious mess. So i decided to create task-handler-generators. They could be transfered to own modules. The base idea was sth. like this:

function taskGenerator(config) {
	
	return function gulpTaskHandler(cb) {
		// do the gulp stiff
	}
}
	
gulp.task('default', taskGenerator({
	
}));

I like the way grunt configures its plugins. So i wanted to have the same possibility to write multiple configuration-blocks for each generator and global options.

var config = {
	options: {
		banner: '/* <%= pkg.name %> - by <%= pkg.author %> */'
	},
	assets: {
		src:'./src/*.js',
		dest: './dist
	},
	customLib: {
		src:'./myLib/src/myLib.js',
		dest: './myLib/dist'
	}
};

There was a lot of boilerplate-code for each generator to achieve this for each generator. The result was to write a pd-gulp-task-generator-generator which handles all this boilerplate stuff and makes it easy to create custom generators.

pd-gulp generators

• pd-gulp-task-generator-generator A helper to create pd-gulp task generators.

• pd-gulp-jade-generator For transpiling jade-files.

• pd-gulp-js-generator For transpiling javascript-files with browserify.

• pd-gulp-sass-generator For transpiling sass/scss-files.

• pd-gulp-gfx-generator For optimizing image-files.

yeoman-generator

A little generator to start a project with gulp. Asks which module should be included and creates a gulpfile with a little base configuration.