Ce projet a pour but de vous accompagner dans vos premiers pas avec gulp.
Expérimentez avec et n'ayez pas peur de l'utiliser en base de tout vos projets.
Vous allez d'abord forker ce repo git. Les forks vous permettent de créer une copie de ce repo sur votre propre compte.
Ensuite, clonez la version que vous avez sur votre compte en utilisant ssh.
$ git clone git@github.com:VOTRE_COMPTE/gulp-basis.git
Attention : si cette commande ne fonctionne pas, vérifier de bien avoir votre clé ssh liée à votre compte github.
Grace à npm et son système de package, vous n'avez pas besoin d'installer tout les outils un à un. Le fichier package.json contenu dans le projet va être automatiquement lu et va vous installer tout les outils dont vous avez besoin.
$ npm install
Et voilà, un dossier node_modules vient de se créer à la racine de votre projet.
Tout d'abord vérifier de bien avoir installé gulp en global :
$ sudo npm install gulp -g
Il est temps de run votre première task !
La tâche build-all doit être exécutée en premier afin de build à la fois la src et vos librairies/framework ( regardez les commentaires du fichier gulpfile.js pour plus d'informations).
$ gulp build-all
Vérifiez ensuite de bien avoir l'extension livereload pour votre navigateur et que cette extension fonctionne correctement.
En lançant la tâche watch vous espionnez votre projet. Au moindre changement, gulp re-build votre projet et rafraichit la page de votre navigateur.
$ gulp watch
Enfin, nous allons aussi initialiser un serveur local sur 127.0.0.1:7000. Ça nous permet de gérer entre autre les permissions de requête local sur Chrome.
Dans le fichier package.json il y a une propriété :
scripts : {
"cdn" : "*****************"
}
Et bien ce script nous permet de lancer le serveur en exécutant "npm run nom_du_script"
$ npm run cdn
Et voilà, pour utiliser d'autres outils il suffit de run :
$ npm install mon-outil --save
Et de regarder sur le site de npm comment l'utiliser.