Skip to content

Instantly share code, notes, and snippets.

@justinmc
Last active October 15, 2018 18:05
Show Gist options
  • Star 40 You must be signed in to star a gist
  • Fork 20 You must be signed in to fork a gist
  • Save justinmc/9149719 to your computer and use it in GitHub Desktop.
Save justinmc/9149719 to your computer and use it in GitHub Desktop.
Sample Gulpfile
var gulp = require('gulp');
var clean = require('gulp-clean');
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var imagemin = require('gulp-imagemin');
var bases = {
app: 'app/',
dist: 'dist/',
};
var paths = {
scripts: ['scripts/**/*.js', '!scripts/libs/**/*.js'],
libs: ['scripts/libs/jquery/dist/jquery.js', 'scripts/libs/underscore/underscore.js', 'scripts/backbone/backbone.js'],
styles: ['styles/**/*.css'],
html: ['index.html', '404.html'],
images: ['images/**/*.png'],
extras: ['crossdomain.xml', 'humans.txt', 'manifest.appcache', 'robots.txt', 'favicon.ico'],
};
// Delete the dist directory
gulp.task('clean', function() {
return gulp.src(bases.dist)
.pipe(clean());
});
// Process scripts and concatenate them into one output file
gulp.task('scripts', ['clean'], function() {
gulp.src(paths.scripts, {cwd: bases.app})
.pipe(jshint())
.pipe(jshint.reporter('default'))
.pipe(uglify())
.pipe(concat('app.min.js'))
.pipe(gulp.dest(bases.dist + 'scripts/'));
});
// Imagemin images and ouput them in dist
gulp.task('imagemin', ['clean'], function() {
gulp.src(paths.images, {cwd: bases.app})
.pipe(imagemin())
.pipe(gulp.dest(bases.dist + 'images/'));
});
// Copy all other files to dist directly
gulp.task('copy', ['clean'], function() {
// Copy html
gulp.src(paths.html, {cwd: bases.app})
.pipe(gulp.dest(bases.dist));
// Copy styles
gulp.src(paths.styles, {cwd: bases.app})
.pipe(gulp.dest(bases.dist + 'styles'));
// Copy lib scripts, maintaining the original directory structure
gulp.src(paths.libs, {cwd: 'app/**'})
.pipe(gulp.dest(bases.dist));
// Copy extra html5bp files
gulp.src(paths.extras, {cwd: bases.app})
.pipe(gulp.dest(bases.dist));
});
// A development task to run anytime a file changes
gulp.task('watch', function() {
gulp.watch('app/**/*', ['scripts', 'copy']);
});
// Define the default task as a sequence of the above tasks
gulp.task('default', ['clean', 'scripts', 'imagemin', 'copy']);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment