gulp - exclure un fichier lorsque minifying CSS

Im nouveau à Avaler.. j'ai réussi à l'installer et de les enchaîner et de les rapetisser ma .js et .les fichiers css, cependant, il y en a un .fichier css qui je veux exclure - imprimer.css

Ive suivi les instructions ici: https://www.npmjs.org/package/gulp-ignore installer gulp-ignorer dans mon répertoire local, et modifié mon gulpfile.js pour:

//Include gulp
var gulp = require('gulp'); 

//Include Our Plugins
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var minifyCSS = require('gulp-minify-css');
var imagemin = require('gulp-imagemin');
var exclude = require('gulp-ignore').exclude;


var paths = {
  scriptsNonAuth: ['Non-Auth/javascript/*.js'],
  scriptsAuth: ['Auth/javascript/*.js'],
  stylesNonAuth: ['Non-Auth/css/*.css'],
  stylesAuth: ['Auth/css/*.css'],
};

//CSS Task - Non Authenticated
gulp.task('minify-css-non-auth', function() {
  gulp.src(paths.stylesNonAuth)
    .pipe(minifyCSS(opts))
    .pipe(concat('all.min.css'))
    .pipe(gulp.dest('Non-Auth/css'))
});

//CSS Task - Authenticated
gulp.task('minify-css-auth', function() {
  gulp.src(paths.stylesAuth)
    .pipe(minifyCSS(opts))
    **.pipe(exclude('Auth/css/print.css'))**
    .pipe(concat('all.min.css'))
    .pipe(gulp.dest('Auth/css'))
});

Dans mon CSS Tâche - Secure, j'ai compris .pipe(à l'exclusion de('Secure/css/imprimer.css'))

Quand je lance gulp minify-css-secure, la tâche se termine, mais lors de l'inspection de la nouvelle.min.css, je ne peux pas voir le contenu de l'impression.css dans là aussi.

OriginalL'auteur Oam Psy | 2014-03-12

  1. 20

    Il est difficile de savoir ce que vous essayez d'atteindre. Si je comprends bien, vous voulez:

    1. rapetisser tous les fichiers css (notamment l'impression.css)
    2. concat tous les fichiers à l'exception de l'impression.css dans tous les.min.css
    3. mettre minifiés.min.la css et de l'imprimer.css dans le dossier de destination

    Pour ce faire, vous pouvez utiliser StreamQueue. (source)

    var streamqueue = require('streamqueue');

var paths = {
  scriptsNonAuth: ['Non-Auth/javascript/*.js'],
  scriptsAuth: ['Auth/javascript/*.js'],
  stylesNonAuth: ['Non-Auth/css/*.css'],
  stylesAuth: ['Auth/css/*.css', '!Auth/css/print.css'],
};

gulp.task('minify-css-auth', function() {
  return streamqueue({ objectMode: true },
    gulp.src(paths.stylesAuth)
        .pipe(minifyCSS(opts))
        .pipe(concat('all.min.css')),
    gulp.src('Auth/css/print.css'))
        .pipe(minifyCSS(opts))
  )
   .pipe(gulp.dest('Auth/css'))
});

    Si vous voulez juste exclure certains fichiers, vous n'avez pas besoin d'avaler ignorer. Gulp prend en charge ignorer les globules.
    Juste préfixe du chemin d'accès à exclure avec bang.

    Comme ceci: 

    stylesAuth: ['Auth/css/*.css', '!Auth/css/print.css']
    thumbs up pour la dernière partie: à l'exclusion de avec un bang

    OriginalL'auteur t3chn0b0y