gulp-less,browserSync设置在注入后重新加载

时间:2016-02-06 18:39:07

标签: css gulp gulp-watch browser-sync gulp-less

对于我的生活,我无法以某种方式找到这个配置有什么问题!注入master.css更改后,我的浏览器窗口会自动重新加载,而不是仅仅反映更改,而是显示“注入”。有人可以帮忙吗?我有一个gulpfile.js,配置如下:

var paths = {
master: {
    styles: 'default/less/master.less',
},
watch: {
    styles: 'default/less/**/*.less',
},
dist: {
    styles: 'default/less',
}
};

减去任务:

gulp.task('less', function(){
'use strict';
gulp.src(paths.master.styles)
.pipe(sourcemaps.init())
.pipe(plumber())
.pipe(less({compress:false})) 
.on('error', function (err) {
        gutil.log(err);
        this.emit('end');
 })
 .pipe(autoprefix())
 .pipe(sourcemaps.write('../sourcemaps', {
    includeContent: false, // Otherwise all the CSS would be included
    sourceRoot: paths.dist.styles
}))
.pipe(gulp.dest(paths.dist.styles))
.on('error', gutil.log)
.pipe(browserSync.stream());
});

Browsersync任务:

gulp.task('browser-sync', ['less'], function() {
'use strict';
browserSync.init({
    proxy: "http://mywebsite.local",
    stream:true
});
gulp.watch(paths.watch.styles, ['less']);
});

最后:

gulp.task('default', ['less', 'browser-sync']);

我看到注意到更改被注入的通知,我的终端说master.css和master.css.map已经改变,我在less文件中的更改也被反映出来了,但不知何故浏览器重新加载我不想要的全部用于css编译。

0 个答案:

没有答案