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を設定しても、ウォッチャーでこれを含めているように見える、このいずれかをトライアウトことができます。私は./の代わりにdirの名前を使うのが普通です。appをbaseDirとして使用します。