Live перезагрузите изменения в файл index.html, расположенный в корневой папке, используя GulpJs + BrowserSync - PullRequest
Новая
       26

Live перезагрузите изменения в файл index.html, расположенный в корневой папке, используя GulpJs + BrowserSync

0 голосов
/ 04 декабря 2018

Я могу вносить живые изменения в файлы CSS и JS, но я не могу видеть живые изменения в своем браузере всякий раз, когда я изменяю содержимое HTML.

Я также прикрепляю свой скриншот структуры файла:

Пожалуйста, помогите мне добавить эту функцию в приведенный ниже код. 

            // Gulp.js configuration

var
gulp = require('gulp'),
newer = require('gulp-newer'),
imagemin = require('gulp-imagemin'),
htmlclean = require('gulp-htmlclean'),
concat = require('gulp-concat'),
deporder = require('gulp-deporder'),
stripdebug = require('gulp-strip-debug'),
uglify = require('gulp-uglify'),
sass = require('gulp-sass'),
postcss = require('gulp-postcss'),
assets = require('postcss-assets'),
autoprefixer = require('autoprefixer'),
mqpacker = require('css-mqpacker'),
cssnano = require('cssnano'),
browserSync = require('browser-sync').create(),
htmlInjector = require("bs-html-injector"),
reload = browserSync.reload,

devBuild = (process.env.NODE_ENV !== 'production'),

// folders
folder = {
src: 'src/',
build: 'build/',
root: " "
}
;

gulp.task('htmlInjector', function() {
return gulp.src("*.html")
.pipe(htmlInjector())
.pipe(browserSync.stream());

});

gulp.task('serve', gulp.series('sass', function() {

browserSync.init({
server: "./"
});

browserSync.use(htmlInjector, {
files: "*.html"
});


gulp.watch("src/scss/*.scss", gulp.series('sass'));
gulp.watch("/*.html").on('change', browserSync.reload);
gulp.watch("src/js/*.js", gulp.series('js-watch'));

}));

// default task
gulp.task('default', gulp.series('run', 
'serve'));

// Source file structure
...