Voici comment mettre en place rapidement un watcher avec livreload pour Jade en utilisant gulp !
Pour ma part j’utilise gulp-coffee, parceque je préfere coffee-script à Javascript 🙂
On comment par installer le nécessaire :
$ npm install gulp gulp-coffee gulp-connect gulp-jade
Ensuite on peut créer le gulpfile.coffee. Pour l’exemple les sources sont dans le dossier « app » et le build dans le dossier « dist »
gulp = require('gulp') jade = require('gulp-jade') connect = require('gulp-connect') gulp.task 'jade', -> gulp.src('./app/*.jade') .pipe(jade({pretty: true})) .pipe(gulp.dest('./dist/')) .pipe(connect.reload()) gulp.task 'serve', -> connect.server(livereload:true) gulp.watch('./app/**/*.jade', ['jade'])
Pour compiler vos fichiers jade en HTNL, il vous suffira de faire « gulp jade », et pour lancer un serveur de dev « gulp serve »
Tchuss