Gulp.js - Gulp没有更新浏览器上的CSS文件

Question

我使用的是gulp.js和BrowserSync。当我保存CSS文件时，没有做任何更改。HTML文件没有问题。我没有使用LESS或SASS。我使用的是纯CSS。我的gulp.js文件的代码如下：

var gulp = require('gulp');
var browserSync = require('browser-sync').create();

gulp.task('serve', function() {
    browserSync.init({
        server: "./"
    });
    gulp.watch(["./*.html", "./css/*.css"]).on('change', browserSync.reload);
});

gulp.task('default', ['serve']);

Answer 1

var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;

gulp.task('serve', function() {
  browserSync({
    server: {
      baseDir: './'
    }
  });

  gulp.watch(['*.html', 'css/*.css'], {cwd: './'}, reload);
});

gulp.task('default', ['serve']);

你能试一下这个吗?看起来你正在从你的当前目录中配置一个basedir，并将它包含在观察器中。我更喜欢使用目录名称而不是./，通常人们使用app作为baseDir。