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 to share