Skip to content

Instantly share code, notes, and snippets.

@johnpeele
Last active August 29, 2015 13:55
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save johnpeele/8690085 to your computer and use it in GitHub Desktop.
Save johnpeele/8690085 to your computer and use it in GitHub Desktop.
Gulp for Front-End Development
var gulp = require('gulp');
var less = require('gulp-less');
var path = require('path');
var styl = require('gulp-styl');
var browserify = require('gulp-browserify');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var refresh = require('gulp-livereload');
var lr = require('tiny-lr');
var server = lr();
// Compile our main Less file
gulp.task('less', function() {
//gulp.src('./less/*.less')
gulp.src('./src/assets/less/styles.less')
.pipe(less({ compress: true }))
.pipe(gulp.dest('./src/assets/css'));
});
// Compress our main CSS file and move it to the build directory
gulp.task('styles', function() {
gulp.src(['./src/assets/css/styles.css'])
.pipe(styl({compress : true}))
.pipe(gulp.dest('./build/assets/css'))
.pipe(refresh(server))
});
// Concatenate & Minify JS
gulp.task('scripts', function() {
gulp.src('./src/assets/js/*.js')
.pipe(browserify())
.pipe(concat('app.js')) // this is the file that gets included in <head>
.pipe(gulp.dest('./src/assets/js'))
.pipe(rename('app.min.js'))
.pipe(uglify())
.pipe(gulp.dest('./build/assets/js'));
});
gulp.task('lr-server', function() {
server.listen(35729, function(err) {
if(err) return console.log(err);
});
});
gulp.task('watch', function(){
gulp.watch(['src/assets/less/*.less', 'src/assets/js/*.js'], ['less', 'scripts']);
});
// gulp.task('default', ['lr-server', 'less', 'scripts', 'watch']);
gulp.task('default', ['less', 'scripts', 'watch']);
gulp.task('build', ['styles']);
@yocontra
Copy link

gulp.run is deprecated. Your tasks should look like this now

gulp.task('watch', function(){
  gulp.watch(['src/assets/less/*.less', 'src/assets/js/*.js'], ['less', 'scripts']);
});

gulp.task('default', ['less', 'scripts', 'watch']);
gulp.task('build', ['styles']);

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