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.