1

对于我的生活，我无法以某种方式找到这个配置有什么问题！注入 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());
});

浏览器同步任务：

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 编译。

4

0 回答 0