Yeoman generator using gulp.js.


Yeoman generator using gulp.js. Work in progress.


  • Bootstrap/Bourbon/Normalize.css (optional)
  • Bower for dependency management
  • CSS autoprefixing
  • HTML, CSS & JS minification
  • Image optimization & resizing (see notes)
  • Jasmine + Karma
  • JS linting
  • LiveReload
  • Modernizr
  • SASS compilation
  • jQuery

##Get started

Install Yeoman:

$ npm install -g yo

Install this generator:

$ npm install -g generator-gulp-rk

Create a new project:

$ mkdir my-project
$ cd my-project
$ yo gulp-rk

##Gulp tasks

Run development server:

$ gulp watch

Run tests with Karma:

$ gulp test

Clean up old files, run tests and build project:

$ gulp


###resize task

Search for images named *@2x.* inside app/assets/images/ and create copies at half the size. Make sure ImageMagick is installed on your system and set up in your $PATH.

Runs automatically within the watch and build tasks.

##Ideas/to do

  • Asset revisioning
  • Custom Modernizr builds
  • Ember.js/Handlebars
  • Image sprites
  • Jekyll
  • More generator tests
  • A better name...


Copyright (c) 2014 Richard Käll. Licensed under the MIT license.