1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 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
了解课程