Gulp
Apparence
Liens
CLI
# run all tasks
gulp
# run only task1
gulp task1
# lister les tasks
gulp --tasks
|
Configuration
gulpfile.js |
var gulp = require('gulp');
gulp.task('default', function () {
// place code for your default task here
});
// appeler d'autres taches depuis une tache
gulp.task('default', [ 'task1', 'task2' ]);
|
Minify
yarn add --dev gulp-uglify gulp-rename |
gulpfile.js |
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
gulp.task('minify', function () {
// **/*.js → tous les fichiers js même ceux des sous-répertoires
return gulp.src("wwwroot/js/**/*.js")
.pipe(uglify()) // minify
.pipe(remane({ suffix: ".min" })) // change le nom du fichier des destination en *.min.js
.pipe(gulp.dest("wwwroot/dist")); // écrit le résultat dans le dossier
});
|
Concat
yarn add --dev gulp-concat |
gulpfile.js |
var concat = require('gulp-concat');
gulp.task('concat', function () {
// **/*.js → tous les fichiers js même ceux des sous-répertoires
return gulp.src("wwwroot/js/**/*.js")
.pipe(concat("all.js"))
.pipe(gulp.dest("wwwroot/dist"));
});
|