Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Gulp.js
Webdesign

Ce qui est Gulp ?

by
Difficulty:BeginnerLength:ShortLanguages:

French (Français) translation by Richter Domagas (you can also view the original English article)

Ce qui est Gulp ? Une description est que Gulp est un coureur de la tâche. Une autre serait que c’est une boîte à outils pour automatiser des tâches fastidieuses.

Tout ce que vous voulez l’appeler, il y a une caractéristique qui reste vraie : automation. Nous allons creuser un peu plus...

Ce qui est Gulp ?

Ce qui est un coureur de tâche ?

Fondamentalement, vous utilisez Gulp pour automatiser les trucs qui vous aurait normalement à faire manuellement, comme la compilation manuellement Sass, manuellement optimisation d’images, actualiser manuellement votre page dans le navigateur et ainsi de suite.

Eh bien, ces trois mesures peuvent être regroupées en tâches indépendantes. Puis vous prenez ces tâches et ont Gulp exécuter automatiquement. C’est pourquoi des outils comme Gulp et Grunt sont appelées tâches coureurs.

Piping

Une très grande différence entre Gulp et les autres coureurs de tâche là-bas est la façon dont il gère les opérations sur les fichiers. Gulp passera essentiellement un flux de données d’un plugin à l’autre sans réellement écrire ce flux dans un fichier temporaire entre ces tâches. Cela s’appelle un piping ou en streaming.

Si vous recherchez sur le web pour une définition pour la piping, vous obtiendrez probablement quelque chose de très technique. Donc je vais essayer de simplifier un peu. Un flux de travail Gulp travaille avec plusieurs différents plugins qui effectuent diverses opérations sur certains fichiers.

Pour vous donner un exemple, le plugin de Sass prendra un fichier Sass ou SCSS et compilez-le dans un fichier CSS. Le plugin Uglify prendra un fichier JavaScript normal et il rapetisser.

Donc la chose avec passepoil est que vous pouvez prendre un ensemble de fichiers et de les exécuter grâce à un ensemble de plugins ou grâce à un plugin. Et vous obtenez un autre type de fichier en fin de compte, exactement ce que j'ai dit avec le plugin de Sass. Vous commencez avec un fichier SCSS et vous vous retrouvez avec un fichier CSS.

Flux de données

Normalement ces types de coureurs de tâche vont écrire les fichiers temporaires sur le disque. Eh bien, Gulp ne fait que — il utilise des flux de données.

Donc le contenu de ce fichier est réellement conservé dans une mémoire tampon — il s’agit d’un flux de données essentiellement. Et il est simplement transmis de plugin plugin jusqu'à ce qu’il atteigne sa destination finale. Et entre ces plugins, ce flux passe par quelques changements.

Donc ce que vous pouvez faire, par exemple, est de démarrer avec les fichiers SCSS et passez-les vers le bas pour le plugin Sass. Maintenant, le plugin de Sass accepte les fichiers SCSS et retourne les fichiers CSS. Le flux de données que vous recevez après le plugin Sass est donc différent de celui qui est entré le plugin.

Et puis vous pouvez faire plus de choses avec ça. Peut-être que vous les exécutez à travers un préfixe automatique, droit ? Par conséquent Gulp aura ce flux de données et il va lancer à travers le plugin préfixe automatique, qui accepte le CSS un fichier. Et elle renvoie ce fichier CSS aussi, mais entre il ajoute tous les préfixes de fournisseur nécessaire. Donc il modifie également le contenu de ce fichier.

Et enfin, vous pouvez rapetisser, par exemple, ou vous pouvez écrire sur un disque. C’est donc essentiellement comment fonctionne la tuyauterie. Vous passez des données au début du flux de données et vous obtenez un autre type de données à la fin et au milieu que vous avez ces points qui effectuent certaines opérations sur ce flux de données.

Regardez le cours complet

Alors, j'espère que vous avez maintenant une connaissance de base de ce qui est Gulp. Pour obtenir une image plus claire, vous pourriez prendre le cours complet, Guide du Concepteur Web de Gulp, dans lequel nous passons par comment Gulp fonctionne dans sont ensemble beaucoup plus en détail.

Vous pouvez prendre ce cours tout de suite avec un abonnement aux Envato Elements. Pour un seul des frais mensuels modiques, vous obtenez accès non seulement à ce cours, mais aussi à notre bibliothèque grandissante de plus 1,000 cours vidéo et pointe e-Books sur Envato Tuts+.

Plus vous obtenez maintenant des téléchargements illimités de l’immense bibliothèque Envato Elements de 440,000+ ressources créatives. Créer des modèles, photos, graphiques et polices uniques et livrer plus rapidement les meilleurs projets.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.