请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

老师,可以问个gulp的问题吗?关于实时刷新的

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修改后的结果,这个是什么原因啊

正在回答 回答被采纳积分+3

2回答

提问者 幕木_ 2017-06-20 20:27:47

那老师现在用什么打包工具啊?

0 回复 有任何疑惑可以回复我~
  • 基本都是 webpack
    回复 有任何疑惑可以回复我~ 2017-06-20 20:51:19
  • 提问者 幕木_ #2
    啊。。。我看网上说gulp是和webpack一起用的,所以就想先学gulp来着的。。
    回复 有任何疑惑可以回复我~ 2017-06-20 20:53:29
ustbhuangyi 2017-06-20 20:27:00

不清楚,gulp 很久不玩了,建议去 gulp 社区提问吧~

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信