Yeoman generator that scaffolds out a front-end web app.

Please see our gulpfile.js for up to date information on what we support.

• CSS Autoprefixing (new)
• Built-in preview server with LiveReload
• Automagically compile Sass
• Automagically lint your scripts
• Awesome Image Optimization (via OptiPNG, pngquant, jpegtran and gifsicle)
• TODO: Mocha Unit Testing with PhantomJS
• TODO: Optional - Twitter Bootstrap for SASS
• TODO: Optional - Leaner Modernizr builds (new)

For more information on what generator-gulp-webapp can do for you, take a look at the Gulp plugins used in our package.json.

• Install: npm install -g generator-gulp-webapp
• Run: yo gulp-webapp
• Run gulp for building and gulp watch for preview

(HTML/CSS/JS/Images/etc)

Third-party dependencies are managed with bower-install. Add new dependencies using Bower and then run the Grunt task to load them:

  bower install --save jquery
  grunt bower-install

This works if the package author has followed the Bower spec. If the files are not automatically added to your index.html, check with the package's repo for support and/or file an issue with them to have it updated.

To manually add dependencies, bower install depName --save to get the files, then add a script or style tag to your index.html or an other appropriate place.

• --skip-install

  Skips the automatic execution of bower and npm after scaffolding has finished.

• --test-framework=<framework>

  Defaults to mocha. Can be switched for another supported testing framework like jasmine.

See the contributing docs

Note: We are regularly asked whether we can add or take away features. If a change is good enough to have a positive impact on all users, we are happy to consider it.

If not, generator-gulp-webapp is fork-friendly and you can always maintain a custom version which you npm install && npm link to continue using via yo gulp-webapp or a name of your choosing.

BSD license