Skip to content

Instantly share code, notes, and snippets.

@mikaelbr
Created January 14, 2014 20:24
Show Gist options
  • Save mikaelbr/8425025 to your computer and use it in GitHub Desktop.
Save mikaelbr/8425025 to your computer and use it in GitHub Desktop.
Example gulpfile for complete set-up.
var gulp = require('gulp');
var browserify = require('gulp-browserify');
var concat = require('gulp-concat');
var less = require('gulp-less');
var refresh = require('gulp-livereload');
var lr = require('tiny-lr');
var server = lr();
var minifyCSS = require('gulp-minify-css');
var embedlr = require('gulp-embedlr');
gulp.task('scripts', function() {
gulp.src(['app/src/**/*.js'])
.pipe(browserify())
.pipe(concat('dest.js'))
.pipe(gulp.dest('dist/build'))
.pipe(refresh(server))
})
gulp.task('styles', function() {
gulp.src(['app/css/style.less'])
.pipe(less())
.pipe(minifyCSS())
.pipe(gulp.dest('dist/build'))
.pipe(refresh(server))
})
gulp.task('lr-server', function() {
server.listen(35729, function(err) {
if(err) return console.log(err);
});
})
gulp.task('html', function() {
gulp.src("app/*.html")
.pipe(embedlr())
.pipe(gulp.dest('dist/'))
.pipe(refresh(server));
})
gulp.task('default', function() {
gulp.run('lr-server', 'scripts', 'styles', 'html');
gulp.watch('app/src/**', function(event) {
gulp.run('scripts');
})
gulp.watch('app/css/**', function(event) {
gulp.run('styles');
})
gulp.watch('app/**/*.html', function(event) {
gulp.run('html');
})
})
@gustavostuff
Copy link

@Maelfyn a late response but I think now you must use the array of pre-tasks in the gulp.task function (as the second parameter)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment