gulp concat après sass

Je voudrais prendre le sass de sortie et concat à un autre css fichier régulier.

exemple:

animate.css
app.scss

return gulp.src('app.scss')
    .pipe(sass({
        errLogToConsole: true
    }))
    .pipe(concat(['animate.css', OUTPUT_OF_THE_SASS_ABOVE]))
    .pipe(gulp.dest(paths.public+'css/'))
    .pipe(rename({ extname: '.min.css' }))
    .pipe(gulp.dest('css/'))
    .on('end', done);

toutes les idées comment faire?

******* IDÉE

peut-être est-il possible de générer le fichier css sass dans un répertoire temporaire, puis concat avec css les fichiers, et tout simplement le supprimer.
Toutes les idées de comment le faire, dans une seule tâche?

source d'informationauteur Tzook Bar Noy

  1. 29

    gulp-concat ne concat les fichiers qui ont été spécifiés par gulp.src dans l'état actuel des flux. Si vous n'avez spécifié app.scssvous ne pouvez pas concaténer des fichiers supplémentaires sur que flux.

    Cela ne signifie pas que vous ne pouvez pas créer un nouveau flux qui contient le app.scss sortie compilée et comprend animate.css.

    Pour ce faire, vous aurez besoin fusion-stream (npm install merge-stream):

    var gulp,
    sass,
    merge,
    concat,
    rename;

//load dependencies
gulp = require('gulp');
sass = require('gulp-sass');
merge = require('merge-stream');
concat = require('gulp-concat');
rename = require('gulp-rename');

//define default task
gulp.task('default', function () {
    var sassStream,
        cssStream;

    //compile sass
    sassStream = gulp.src('app.scss')
        .pipe(sass({
            errLogToConsole: true
        }));

    //select additional css files
    cssStream = gulp.src('animate.css');

    //merge the two streams and concatenate their contents into a single file
    return merge(sassStream, cssStream)
        .pipe(concat('app.css'))
        .pipe(gulp.dest(paths.public + 'css/'));
});
  2. 13

    Pourquoi ne pas inclure les animer.css partiel dans votre fichier Sass?

    @import "animate";

    Et puis renommez animer.css pour _animate.css

    vous avez également plus de contrôle sur comment et où votre css compile.