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

【问题标题】：Gulp.js - Gulp is not updating CSS files on the browserGulp.js - Gulp 不更新浏览器上的 CSS 文件
【发布时间】：2017-08-16 13:14:14
【问题描述】：

我正在使用 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']);

【问题讨论】：

标签： css gulp browser-sync

【解决方案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。

【讨论】：

@PirateofMarmara 没问题 :)