Привет!
Хочу сделать Livereload для html документа в проекте, основываясь на документации
https://www.npmjs.com/package/gulp-connect
Мой код:
var gulp = require('gulp'),
concatCSS = require('gulp-concat-css'),
minifyCSS = require('gulp-minify-css'),
rename = require('gulp-rename'),
notify = require('gulp-notify'),
connect = require('gulp-connect'),
autoprefixer = require('gulp-autoprefixer');
//HTML
gulp.task('html', function () {
gulp.src('app/index.html')
.pipe(connect.reload());
});
//Server connect
gulp.task('connect', function() {
connect.server({
root: 'app',
livereload: true
});
});
//Watch
gulp.task('watch', function () {
gulp.watch(['./app/*.html'], ['html']);
});
//Default
gulp.task('default', ['connect', 'watch', 'css', 'html']);
Папка с проектом вида
Project -
- app
-index.html
-css-
-bundle.min.css
- js
-node_modules
-package.json
-gulpfile.js
Не получается сделать отслежку за изменением в index.html, сервер обновляет данные только после "cmd + s", ожидаемое поведение - в изменение данных в режиме реального времени изменения index.html
Подскажите, пожалуйста, где ошибка в коде и как правильно реализовать подобную функцию.