Différences
Ci-dessous, les différences entre deux révisions de la page.
| 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:46] 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> | <code powershell> | ||
| X:\wiki\test>npm i -D gulp | X:\wiki\test>npm i -D gulp | ||
| - | [ ..........] / extract:clone: sill extract clone@^2.1.1 extracted to X:\wiki\test\node_modules\.staging\clone-1aaf1f30 (17004ms) | + | 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> | </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 ==== | ||