css 同步加载,浏览器同步重新加载但CSS不随LESS和Gulp而改变

我正在尝试弄清楚如何将浏览器同步与gulp和less结合使用，以使浏览器在编译后自动更新较少文件中的更改。我现在得到的是导致系统中出现重新加载的消息“连接到浏览器同步”，但我没有看到浏览器发生更改。在禁用缓存的完全手动重新加载时，我看到了预期的更改，因此css / less任务似乎部分工作但我在浏览器同步上遗漏了一些东西。

哦，我在主.less文件中使用@import语句为每个单独的模块提取更少的文件。感谢您的时间和帮助！

gulp.task('less', function(){

return gulp.src(basepath + 'styles/emma.less')

.pipe(plumber())

.pipe(sourcemaps.init())

.pipe(less())

.pipe(autoprefixer({

browsers: ['last 2 versions']

}))

.pipe(minifyCSS())

.pipe(sourcemaps.write('./'))

.pipe(filesize())

.pipe(gulp.dest( paths.dest + '/css' ))

.pipe(reload({stream: true}));

});

gulp.task('browser-sync', function() {

browserSync({

proxy: 'localhost:8080'

});

});

//dev task to compile things on the fly

gulp.task('dev', ['browser-sync'], function(){

gulp.watch(paths.scripts, ['scripts']);

gulp.watch(paths.less, ['less']);

gulp.watch(paths.templates, ['templates']);

});