@LCLR

Как добиться работы javascript при livereload browser-sync?

Пишу gulpfile для сборки и отладки проекта с pug, sass и javascript. Проблема в том, что при запуске таска watch скрипт (простейший алерт) не работает вообще. Если открыть собранный index.html браузером, то все работает.
index.pug
doctype html
html
	head
		meta(charset = 'utf-8')
		meta(name='viewport', content="initial-scale=1.0, width=device-width")
		title Webpack app
		style
			include ../build/main.css
	body
		div
			h1 Ocean's Eleven
			ul
				li Comedy
				li Thriller
			p.
				Danny Ocean and his eleven accomplices plan to rob
				three Las Vegas casinos simultaneously.
			script(src='../build/script.js')
gulpfile.js
var gulp = require('gulp'),
	sequence = require('gulp-sequence'),
	changed = require('gulp-changed'),
	pug = require('gulp-pug'),
	sass = require('gulp-sass'),
	browser = require('browser-sync');
	
gulp.task('server', ['build'], function() { 
	browser({ 
		server: {baseDir: 'build'},	
		notify: false 
	});
});

gulp.task('sass:build', function(){ 
	return gulp.src('src/*.sass')
		.pipe(changed('build', {extension: '.css'}))
		.pipe(sass()) 
		.pipe(gulp.dest('build')) 
});

gulp.task('pug:build', function(){ 
	return gulp.src('src/*.pug') 
		.pipe(pug()) 
		.pipe(gulp.dest('build')) 
});

gulp.task('build',
	sequence(['sass:build'], 'pug:build'
));

gulp.task('watch', ['server'], function() {
	gulp.watch(['src/*.pug', 'build/*.css'], ['pug:build']);
	gulp.watch('src/*.sass', ['sass:build']);
	gulp.watch('build/*.html', browser.reload);
});
  • Вопрос задан
  • 105 просмотров
Пригласить эксперта
Ответы на вопрос 1
nakree
@nakree
Fullstack Developer
Браузер ничего не перезагружает потому что Вы не следите за изменениями в js файлах.
gulp.watch(['build/*.html', 'build/*.js'], browser.reload);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы