var gulp=require('gulp') var less=require('gulp-less'); var concat=require('gulp-concat'); var browserSync=require('browser-sync').create(); var reload=browserSync.reload gulp.task('server',function () { browserSync.init({ server:{ baseDir:'./', index:'./src/index.html' } }) gulp.watch(['src/*.html','src/less/*.less','src/css/*.css'],['reload','less','concat']) })gulp.task('reload',function () { gulp.src('./src/*.html') .pipe( reload({stream:true}))})gulp.task('less',function(){ gulp.src('src/less/*.less') .pipe(less()) .pipe( reload({stream:true})) .pipe(gulp.dest('src/css/'))})gulp.task('concat',function(){ gulp.src('src/css/*.css') .pipe(concat('all.css')) /* .pipe(spriter({ 'spriteSheet':'./build/images/spriteSheet.png',//生成雪碧图后的大图的存储路径 'pathToSpriteSheetFromCSS':'../images/spriteSheet.png'//在css中替换的路径的名称,记住pathToSpriteSheetFromCSS中的CSS全大写!!! })) .pipe(cleanCss({debug:true},function(details){ console.log(details.name+':'+details.stats.originalSize)//压缩前文件的大小 console.log(details.name+':'+details.stats.minifiedSize)//压缩后文件的大小 })) .pipe(rename('./all.min.css'))*/ .pipe( reload({stream:true})) .pipe(gulp.dest('build/css/'))})
执行gulp server后修改less没有reload,然后第二次修改的时候reload了但是效果是上一次less修改后的结果,这个是什么原因啊
掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp
了解课程