All the things you would want in a build system for building browser application in one package.
(Building angular modules? Then you'll find this more useful: boilerplate-gulp-angular)
# Lints, compiles, prefixes, test, and minifies JS and LESS files# and puts the artifacts in the ./build directorygulp bpcss:build# Watches source files and rebuilds when they are modified and starts a server# on port 8080 which serves ./build and ./example directoriesgulp bpcss:dev
npm install --save-dev gulp boilerplate-gulp, then modify your
Gulpfile.js like so (or create one):
var path = ;var gulp = ;var boilerplate = ;;// Rest of your gulp file, potentially overwriting the boilerplate-gulp tasks...
- Compiles LESS files into a single CSS file. Produces both an unminified version and a minified version with a source maps.
- Run cross-browser unit tests (jasmine & karma) using Chrome, Firefox, and Safari.
- Generates coverage reports (istanbul) for unit tests.
- Lints CSS (recess) and JS (jshint)
- Launch a development server (connect) which automatically reloads browsers (livereload) as files get rebuild incrementally (gulp)