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'); | |
}) | |
}) |
This comment has been minimized.
This comment has been minimized.
Great! gulpfile, soft, clean and tutorial. |
This comment has been minimized.
This comment has been minimized.
gulp.run() is deprecated. Now what? |
This comment has been minimized.
This comment has been minimized.
Great! Thanks for the clean code! |
This comment has been minimized.
This comment has been minimized.
@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
This comment has been minimized.
hi! Can U speak spanish ? need help