Estou utilizando o seguinte gulpfile.js:
var gulp = require('gulp') , imagemin = require('gulp-imagemin') , clean = require('gulp-clean') , concat = require('gulp-concat') , htmlReplace = require('gulp-html-replace') , uglify = require('gulp-uglify') , usemin = require('gulp-usemin') , cssmin = require('gulp-cssmin') , browserSync = require('browser-sync');
gulp.task('default', ['copy'], function () { gulp.start('build-img', 'usemin'); });
gulp.task('copy', ['clean'], function () { return gulp.src('src/*/') .pipe(gulp.dest('dist')); });
gulp.task('clean', function () { return gulp.src('dist') .pipe(clean()); });
gulp.task('build-img', function () {
return gulp.src('dist/img/*/') .pipe(imagemin()) .pipe(gulp.dest('dist/img')); });
gulp.task('usemin', function () { return gulp.src('dist/*/.html') .pipe(usemin({ js: [uglify], css: [cssmin] })) .pipe(gulp.dest('dist')); });
gulp.task('server', function () { browserSync.init({ server: { baseDir: 'src', } });
gulp.watch('src/*/').on('change', browserSync.reload);
});
Ao rodar o npm run gulp server, ele executa e abre o navegador normalmente, porém ao editar o meu arquivo css igual ao vídeo ele não atualiza. Estou tendo que parar a executar e rodar novamente o comando, como se o gulp.watch não estivesse funcionando.
No terminal ele aparece [Browersync] Reloading Browsers..., porém ele não atualiza.
Poderiam me ajudar?
No aguardo.
