在gulp中如果有return,就是執(zhí)行異步操作,
//注冊(cè)轉(zhuǎn)換less的任務(wù)
gulp.task('less', function () {
return gulp.src('src/less/*.less') //異步操作
.pipe(less()) //編譯less文件為css文件
.pipe(gulp.dest('src/css/'))
})
//注冊(cè)合并壓縮css文件
gulp.task('css', ['less'], function () {
return gulp.src('src/css/*.css')
.pipe(concat('build.css'))
.pipe(rename({suffix:'.min'}))
.pipe(cssClean({compatibility:'ie8'}))
.pipe(gulp.dest('dist/css/'))
})
//注冊(cè)默認(rèn)任務(wù)
gulp.task('default',['js','less','css'])
js,css,less三個(gè)任務(wù)同時(shí)異步執(zhí)行。
C:\Workspace\Code\MyProject\Web\gulp_test\src>gulp
[14:23:54] Using gulpfile C:\Workspace\Code\MyProject\Web\gulp_test\src\gulpfile.js
[14:23:54] Starting 'js'...
[14:23:54] Starting 'less'...
[14:23:54] Starting 'css'...
[14:23:54] Finished 'less' after 208 ms
[14:23:54] Finished 'css' after 304 ms
[14:23:54] Finished 'js' after 342 ms
[14:23:54] Starting 'default'...
[14:23:54] Finished 'default' after 120 μs
如果去掉return
gulp.task('less', function () {
gulp.src('src/less/*.less') //異步操作
.pipe(less()) //編譯less文件為css文件
.pipe(gulp.dest('src/css/'))
})
js, less, css依次執(zhí)行(同步)
[14:25:36] Using gulpfile C:\Workspace\Code\MyProject\Web\gulp_test\src\gulpfile.js
[14:25:37] Starting 'js'...
[14:25:37] Finished 'js' after 22 ms
[14:25:37] Starting 'less'...
[14:25:37] Finished 'less' after 2.46 ms
[14:25:37] Starting 'css'...
[14:25:37] Finished 'css' after 2.73 ms
[14:25:37] Starting 'default'...
[14:25:37] Finished 'default' after 93 μs
添加依賴(lài):對(duì)css的處理依賴(lài)于對(duì)less的處理,添加['less']
gulp.task('css', ['less'], function (){})