Créer un serveur local avec Gulp

Bonsoir,

J'ai suivi de très près le tuto de Raphaël Goetter sur gulp : http://www.alsacreations.com/tuto/lire/1685-ebauche-de-workflow-gulp-taches-uncss-includes-critical-css.html

J'ai donc décidé de tester de mon côté mais j'aimerais ajouter une option supplémentaire : Celle de lancer le site web sur un serveur local (localhost), accessible depuis n'importe quel appareil. En plus de ça, j'aimerais que celui ci se recharge automatiquement à chaque modification html et css.

J'ai testé pour ça le module gulp-connect mais ça ne fait pas exactement ce que je souhaite. Vous avez des idées sur la meilleur solution actuellement pour ce problème ?

Bonjour,
pour recharger les fichier css et js coté client lorsqu'il y a un changement coté serveur il faut installer une des solutions répertoriées dans le tableau présent sur le site https://facebook.github.io/fb-flo/ . En parlant de solution je sous entend que la solution est active coté serveur ( second serveur) et client ( injection de javascript dans la page du browser ou installation d'un plugin pour le browser).

fb-flo ne fonctionne que pour chrome car a besoin d un plug in de nom flo-fb activé et configuré .
voir google chrome plugin
fb-flo semble la solution la plus complète selon le tableau et il existe des package nodes/npm pour grunt et brunch mais pas gulp ? .
https://www.npmjs.com/package/grunt-fb-flo
https://www.npmjs.com/package/fb-flo-brunch
pour gulp voir la discussion

NB je pensais que fo-fb était compatible gulp mais cela semble n'être pas le cas ( je laisse mon commentaire sur brunch et fb flo pour information ) .Pour plus d'information ( liens) sur fo-fb , allez sur le forum alsa sur la discussion à propos des formation jquery phonegap
voir formation gulp fb flo

Si vous cherchez une solution que css et basé que sur gulp il y a browser-sync compatible gulp et grunt . Je crois que le logiciel a été primé ou reconnu comme étant un des logiciels de l'année car il permet en utilisant une souris sur un navigateur de voir sur différents navigateurs ( android/chrome /blink- iphone/safari/webkit ) cette même page bouger !! ( une souris contrôle plusieurs navigateurs d ou le nom de synchronisation ...entre navigateur différents )
il semble que browserSync utilise beaucoups de libraries



Sinon il serait intérréssant de tester et de connaître les solutions css/compass/less compatible sourcemap ( css et js ) permettant d'éditer les fichier sass ( souvent scss) / less dans le browser avec mise a jour coté serveur et réciproquement ( bidirectionnel ) ...des propositions ? .
Modifié par 75lionel (27 Jul 2015 - 21:01)