Différences

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

--- web:javascript:gulp:toc [2017/03/17 16:03] – sgariepy
+++ web:javascript:gulp:toc [2023/10/03 22:20] (Version actuelle) – sgariepy
@@ Ligne 1: / Ligne 1: @@
+====== Automatisation avec Gulp ======
-Voir https://gitlab.sgy.io/cbt/pluralsight-gulp/wikis/home
-# Automatisation avec Gulp
 Gulp permet d'automatiser des tâches.  Ce sont des tâches qui contrôlent la qualité du code, effectuer des tests, et autres tâches en pipeline.
@@ Ligne 19: / Ligne 16: @@
 Gulp a une architecture en pipeline, c'est-à-dire que qu'il a une entrée de fichiers, fait des modifications, passe à l'autre processus pour la modification suivante, qui la passe au processus suivant et ainsi de suite.  Une fois les processus tous effectués, il y a écriture des fichiers sur le système de fichiers.
-# API
+===== API =====
 Gulp a quatre fonctions:
@@ Ligne 27: / Ligne 25: @@
   * `gulp.watch()` pour surveiller des fichiers
-## Gulp.task
+===== Gulp.task =====
-Syntaxe: `gulp.task(name, [, dep], fn)`
-Le paramètre `name` est le nom de la tâche.
+Syntaxe: ''gulp.task(name, [, dep], fn)''
-Le paramètre `dep` est un paramètre facultatif qui prend un tableau de nom de tâches.  Ce sont les tâches auxquelles la tâche courante a des dépendances.
+Le paramètre ''name'' est le nom de la tâche.
+Le paramètre ''dep'' est un paramètre facultatif qui prend un tableau de nom de tâches.  Ce sont les tâches auxquelles la tâche courante a des dépendances.
 Par exemple si on prend ce code:
-```js
+<code>
 gulp.task('js', ['jscs', 'jshint'], function() {
     return gulp
@@ Ligne 45: / Ligne 44: @@
         .pipe(gulp.dest('./build/'));
 });
-```
+</code>
-ceci signifie que la tâche `js` est dépendante des tâches `jscs` et `jshint`.  Les dépendances sont exécutés en parallèle et non en séquence et alors, une fois les dépendances exécutés, la tâche `js` est exécutée.
+ceci signifie que la tâche ''js'' est dépendante des tâches ''jscs'' et ''jshint''.  Les dépendances sont exécutés en parallèle et non en séquence et alors, une fois les dépendances exécutés, la tâche ''js'' est exécutée.
-## Gulp.src
+===== Gulp.src =====
-Syntaxe: `gulp.src(glob [, options])`
+Syntaxe: ''gulp.src(glob [, options])''
 C'est le début du flux de fichiers, en quelque sorte la lecture, ou la spécification des fichiers à traiter.
-### options
+==== options ====
+  * ''base'': donne le répertoire racine des fichiers à traiter.  Par exemple ''./src/''.
-* `base`: donne le répertoire racine des fichiers à traiter.  Par exemple `./src/`.
+===== Gulp.dest =====
-## Gulp.dest
 Utilisé pour écrire les fichiers, pour écrire les fichiers de destination ailleurs que la source ou pour écrire le même fichier ou un nouveau fichier.
-## Gulp.watch
+===== Gulp.watch =====
-Exécute des tâches lorsque les fichiers du `glob` changent.  Le `.watch()` est utile pour effectuer des tests, faire du code linting, ou par exemple compiler vers le CSS.
-Syntaxe : `gulp.watch(glob, [, options], tasks)`
+Exécute des tâches lorsque les fichiers du ''glob'' changent.  Le ''.watch()'' est utile pour effectuer des tests, faire du code linting, ou par exemple compiler vers le CSS.
-```js
+Syntaxe : ''gulp.watch(glob, [, options], tasks)''
+<code>
 gulp.task('lint-watcher', function() {
     gulp.watch('./src/**/*.js', [
@@ Ligne 77: / Ligne 80: @@
     ]);
 });
-```
+</code>
-La fonction fournie en paramètre de `.watch()` peut prendre aussi un paramètre `event`.  Ceci permet d'exécuter du code quand un fichier est *matché* par les changements du glob.
+La fonction fournie en paramètre de ''.watch()'' peut prendre aussi un paramètre ''event''.  Ceci permet d'exécuter du code quand un fichier est //matché// par les changements du glob.
-```js
+<code>
 gulp.task('lint-watcher', function() {
     gulp.watch('./src/**/*.less', function(event) {
@@ Ligne 87: / Ligne 90: @@
     });
 });
-```
+</code>
+===== Exemple =====
+  * [[web:javascript:gulp:copier-dependances-npm|Copier les dépendances npm]]