Gulp - Basic concat / minify doesn't output file

My code:

var gulp = require('gulp'),
    concat = require('gulp-concat'),
    minify = require('gulp-minify-css');

gulp.task('css', function() {
    var styles = [
        'node_modules/sweetalert/dist/sweetalert.css'
    ];

    return
        gulp.src(styles)
        .pipe(minify())
        .pipe(concat('libs.min.css'))
        .pipe(gulp.dest('public/assets/css'));
});

      

Environment:

  • The original file exists.
  • The output directory exists and is writable.
  • The exit is clean, no errors.

Console output:

root@bite-srv:/var/www/test# gulp css
[12:51:27] Using gulpfile /var/www/test/gulpfile.js
[12:51:27] Starting 'css'...`
[12:51:27] Finished 'css' after 582ms

      

This doesn't output any css.

What's wrong?

== EDIT ==

Found problem:

// This doesn't work
return 
    gulp.src(styles)
    .pipe(minify())
    .pipe(concat('libs.min.css'))
    .pipe(gulp.dest('public/assets/css'));

// This works
return gulp.src(styles)
    .pipe(minify())
    .pipe(concat('libs.min.css'))
    .pipe(gulp.dest('public/assets/css'));

      

Can someone explain why?

+3


source to share


1 answer


JavaScript does an automatic semicolon setting. So:

return 
    gulp.src(styles)
    .pipe(minify())
    .pipe(concat('libs.min.css'))
    .pipe(gulp.dest('public/assets/css'));

      

Converted to this:



return; // <- Execution halts here!

gulp.src(styles)
    .pipe(minify())
    .pipe(concat('libs.min.css'))
    .pipe(gulp.dest('public/assets/css'));

      

For more information, see Beware of Semicolon Insertion in JavaScript .

+2


source







All Articles