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
了解课程