gulpfile.js

var gulp = require('gulp');

var clean = require('gulp-clean');
var rimraf = require('gulp-rimraf');
var minifyCss = require('gulp-minify-css');
var uglify = require('gulp-uglify');
var usemin = require('gulp-usemin');

var dev = {
  dir: 'demo',
  index: 'demo/index.html',
  views: ['demo/view.html', 'demo/layouts.html'],
  fonts: 'bower_components/bootstrap/fonts/*'
};

var prod = {
  dir: 'demo_dist',
  fonts: 'demo_dist/fonts'
};

var options = {
  clean: { read: false },
  uglify: { mangle: false }
};

gulp.task('clean', function() {
  return gulp.src(prod.dir, options.clean)
    .pipe(rimraf({ force: true }));
});

gulp.task('copy', function() {
  gulp.src(dev.fonts)
    .pipe(gulp.dest(prod.fonts));

  gulp.src(dev.views)
    .pipe(gulp.dest(prod.dir));
});

gulp.task('demo_dist', ['clean', 'copy'], function() {
  gulp.src(dev.index)
    .pipe(usemin({
      css: [minifyCss()],
      js: [uglify(options.uglify)]
    }))
    .pipe(gulp.dest(prod.dir));
});

gulp.task('serve', ['styles', 'server', 'watch']);