我在Windows上,基本上,当任何css文件发生变化时,browsersync会检测并将css文件注入浏览器。
这是gulp文件......
var gulp = require('gulp');
var browserSync = require('browser-sync').create();
gulp.task('serve', function() {
browserSync.init({proxy: "localhost:3000"});
gulp.watch("public/stylesheets/**/*", ['css']);
});
gulp.task('css', function() {
return gulp.src("public/stylesheets/**/*").pipe(browserSync.stream());
});
gulp.task('default', ['serve']);
在index.html中,我看到两个css文件都被加载,browserync的脚本标记被添加。
但它根本行不通。它工作了1天,然后它没有。