Gulp

De Banane Atomic
Aller à la navigationAller à la recherche

Liens

CLI

Bash.svg
# 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

Bash.svg
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

Bash.svg
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"));
});