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。

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

1 个答案: