Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
prog:outils:gulp [17/09/2019 18:29]
thierry [Installation]
prog:outils:gulp [06/02/2020 17:23] (Version actuelle)
thierry [Liens]
Ligne 2: Ligne 2:
 GULP est un taskrunner, il sert à automatiser des tâches répétitives. GULP est un taskrunner, il sert à automatiser des tâches répétitives.
 ===== Installation ===== ===== Installation =====
-Prerquis ​: [[prog:javascript:​nodejs|NodeJs]] doit etre installé+Prérequis ​: [[prog:nodejs:​nodejs|NodeJs]] doit etre installé
 <​code>​ <​code>​
 > npm init -y > npm init -y
Ligne 8: Ligne 8:
 </​code>​ </​code>​
  
-Plus en détails ''​npm init -y''​ créé un fichier package.json dans le répertoire de travail.+==== Initialisation de NPM ==== 
 + 
 +Plus en détails... ''​npm init -y''​ créé un fichier package.json dans le répertoire de travail.
 <code javascript>​X:​\wiki\test>​npm init -y <code javascript>​X:​\wiki\test>​npm init -y
 Wrote to X:​\wiki\test\package.json:​ Wrote to X:​\wiki\test\package.json:​
Ligne 24: Ligne 26:
   "​license":​ "​ISC"​   "​license":​ "​ISC"​
 }</​code>​ }</​code>​
 +==== Installation de GULP ====
 +
 +Ensuite ''​npm i -D gulp''​ lance l'​installation de GULP.
 +
 +Ça mouline pendant de longues minutes //(1372 secondes, 23 minutes... au temps de l'​ADSL).//​
 +
 +Ca nous créé un répértoire ''​node_modules''​ contenant plein de fichiers probablement utiles a GULP. 
 +
 +Et un fichier ''​package-lock.json''​.
 +<code powershell>​
 +X:​\wiki\test>​npm i -D gulp
 +npm notice created a lockfile as package-lock.json. You should commit this file.
 +npm WARN test@1.0.0 No description
 +npm WARN test@1.0.0 No repository field.
 +npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):​
 +npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9:​ wanted {"​os":"​darwin","​arch":"​any"​} (current: {"​os":"​win32","​arch":"​x64"​})
 +
 ++ gulp@4.0.2
 +added 314 packages from 217 contributors and audited 6490 packages in 1372.454s
 +found 0 vulnerabilities
 +</​code>​
 ===== Ressources ===== ===== Ressources =====
 ==== Liens ==== ==== Liens ====
   * [[https://​blog.soat.fr/​2016/​08/​comment-bien-organiser-son-projet-angular-execution/​]]   * [[https://​blog.soat.fr/​2016/​08/​comment-bien-organiser-son-projet-angular-execution/​]]
 +  * [[https://​frenchco.de/​article/​Livereload-avec-Gulp|Utiliser LiveReload avec GULP pour recharger les pages web dés qu'on fait un save]]
 ==== Vidéos ==== ==== Vidéos ====