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。