This document discusses using Gulp as a task runner for front-end development. It introduces Gulp and compares it to Grunt, explaining that Gulp uses streaming for faster performance. The document then demonstrates how to set up a basic Gulpfile to compile Sass files to CSS. It covers the main Gulp functions like gulp.task(), gulp.src(), gulp.dest(), and gulp.watch(), and shows how to create dependent tasks. Finally, it recommends some common Gulp plugins for tasks like autoprefixing, uncss, concatenation, minification, and more.
8. Exécutez du JS sur le serveur
Exécutez du JS en ligne de commande
9. GRUNT
JavaScript Task Runner
5 500+ extensions
Passez du temps à configurer vos extensions
Utilise des fichiers et répertoires temporaires
Exécute l'une après l'autre les tâches
OPEN SOURCE PROJECT OF THE YEAR | Winner
10. GULP
Streaming Build System
2 200+ extensions
Passez du temps à coder au lieu de configurer
Mise en mémoire des fichiers grâce aux Streams
Exécute les tâches en concurrence maximum
OPEN SOURCE PROJECT OF THE YEAR | Nomination
81. Réduire la quantité de Requêtes HTTP
Réduire le poids des fichiers
Performances Web
82. Compilation de fichiers .scss en .css
Ajout automatique de préfixes avec Can I Use
Concaténation de fichiers CSS
Suppression des CSS inutilisés
Minification des fichiers CSS
Renommer les fichiers avec l’extension .min.css
CSS
83. npm install --save-dev gulp-autoprefixer
npm install --save-dev gulp-uncss
npm install --save-dev gulp-concat
Ligne de commande
84. npm install --save-dev gulp-autoprefixer
npm install --save-dev gulp-uncss
npm install --save-dev gulp-concat
Ligne de commande
85. npm install --save-dev gulp-autoprefixer
npm install --save-dev gulp-uncss
npm install --save-dev gulp-concat
Ligne de commande
135. Rémy Savard
Développeur web et formateur/conférencier
remysavard.com | @remysavard | /in/remysavard
MERCI
« Besoin d’un développeur Web
ou d’une formation »
remysavard.com