var concat = require('gulp-concat'); var gulp = require('gulp'); var inject = require('gulp-inject'); var jshint = require('gulp-jshint'); var minifyCss = require('gulp-minify-css'); var minifyHtml = require('gulp-minify-html'); var replace = require('gulp-replace'); var uglify = require('gulp-uglify'); var paths = { scripts: [ 'bower_components/underscore/underscore.js', 'bower_components/handlebars/handlebars.js', 'bower_components/jquery/dist/jquery.js', 'bower_components/fabric/dist/fabric.js', 'bower_components/tinycolor/tinycolor.js', 'bower_components/bootstrap/dist/js/bootstrap.js', 'bower_components/bootstrap-select/dist/js/bootstrap-select.js', 'scripts/*.js' ], styles: [ 'bower_components/bootstrap/dist/css/bootstrap.css', 'bower_components/bootstrap/dist/css/bootstrap-theme.css', 'bower_components/bootstrap-select/dist/css/bootstrap-select.css', 'styles/*.css' ], fonts: [ 'bower_components/bootstrap/fonts/*' ], images: [ 'images/*' ], html: [ 'html/*.html' ] }; gulp.task('lint', function() { gulp.src('scripts/*.js') .pipe(jshint()) .pipe(jshint.reporter('default')); }); gulp.task('images', function() { return gulp.src(paths.images) .pipe(gulp.dest('dist/images')); }); gulp.task('fonts', function() { return gulp.src(paths.fonts) .pipe(gulp.dest('dist/fonts')); }); gulp.task('scripts', function() { return gulp.src(paths.scripts) .pipe(concat('scripts.js')) .pipe(uglify()) .pipe(gulp.dest('dist')); }); gulp.task('styles', function() { return gulp.src(paths.styles) .pipe(replace('../fonts/', './fonts/')) .pipe(concat('styles.css')) .pipe(minifyCss()) .pipe(gulp.dest('dist')); }); gulp.task('html_debug', function() { var sources = gulp.src(paths.scripts.concat(paths.styles), { read: false }); return gulp.src(paths.html) .pipe(replace('images/', '../images/')) .pipe(inject(sources, { addRootSlash: false, addPrefix: '..' })) .pipe(gulp.dest('dev')); }); gulp.task('html_release', ['scripts', 'styles'], function() { var sources = gulp.src(['dist/*.js', 'dist/*.css'], { read: false }); return gulp.src(paths.html) .pipe(inject(sources, { addRootSlash: false, ignorePath: 'dist' })) .pipe(minifyHtml()) .pipe(gulp.dest('dist')); }); gulp.task('watch_debug', function() { gulp.watch(paths.html, ['html_debug']); gulp.watch(paths.scripts, ['lint']); }); gulp.task('debug', ['lint', 'html_debug']); gulp.task('release', ['lint', 'fonts', 'images', 'scripts', 'styles', 'html_release']); gulp.task('all', ['debug', 'release']); gulp.task('default', ['debug', 'watch_debug']);