gulp, jade, livereload, une histoire d’amour ?

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

Aymeric DERBOIS

J'ai 27 ans et je suis développeur. Je travail la plupart du temps sur des techno web, mais pas que. Étant à l'affût des nouveautés, j'adore découvrir tout et n'importe quoi dans l'informatique. Je suis amoureux de CakePHP et j'utilise au quotidien Django. Je suis très ouvert d'esprit :). J'aime bien utiliser AngularJS aussi de temps à autre pour faire du front. Au quotidien j'utilise Fedora/Ubuntu pour le desktop et CentOS pour mes serveurs. Par ailleurs je maîtrise le C/C++/Python/PHP/...

More Posts - Website

Follow Me:
Twitter

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.