Javascript Gulp-基本concat/minify不输出文件
我的代码:Javascript Gulp-基本concat/minify不输出文件,javascript,gulp,Javascript,Gulp,我的代码: 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.sr
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'));
});
环境:
- 源文件已存在
- 输出目录存在且可写
- 输出是干净的,没有错误
root@bite-srv:/var/www/test#gulp css
[12:51:27]使用gulpfile/var/www/test/gulpfile.js
[12:51:27]正在启动“css”`
[12:51:27]在582毫秒后完成“css”
这不会输出任何css
怎么了
==编辑==
发现问题的地方如下:
// 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'));
有人能解释为什么吗?JavaScript执行自动分号插入。因此:
return
gulp.src(styles)
.pipe(minify())
.pipe(concat('libs.min.css'))
.pipe(gulp.dest('public/assets/css'));
转化为:
return; // <- Execution halts here!
gulp.src(styles)
.pipe(minify())
.pipe(concat('libs.min.css'))
.pipe(gulp.dest('public/assets/css'));
返回//