Javascript-форум (https://javascript.ru/forum/)
-   Сборка проекта, утилиты (https://javascript.ru/forum/server-tools/)
-   -   Помогите советом с browser-sync (https://javascript.ru/forum/server-tools/63082-pomogite-sovetom-s-browser-sync.html)

romang 16.05.2016 22:30

Помогите советом с browser-sync
 
Всем доброго времени суток. Есть такой gulpfile.js

var gulp        = require('gulp'),
	sass        = require('gulp-sass'),
	minicss     = require('gulp-mini-css'),
	minihtm     = require('gulp-htmlmin'),
	browserSync = require('browser-sync');

gulp.task('browser-sync', function() { 
			browserSync ({
				server: {baseDir: 'dist'},
				notify:false
			});
});

//з sass в css і мініфікація
gulp.task('css', function () {
		return gulp.src('src/*.sass')
		.pipe(sass())	
		.pipe(gulp.dest('dist/css'))
		.pipe(minicss({ext:'-min.css'}))
		.pipe(gulp.dest('dist/css'));
});

gulp.task ('html', function () {
		return gulp.src('src/*.htm')
		.pipe(minihtm({collapseWhitespace: true}))
		.pipe(gulp.dest('dist'));
});

gulp.task ('watch', ['browser-sync','html', 'css'], function () {
		gulp.watch('src/*.sass', [sass]);
		gulp.watch('src/*.htm', browserSync.reload);
})


Все нормально собирается, только browser-sync не хочет нормально работать, выдает в браузере Cannot GET /. При том в консоли все нормально запущено, и при сохранение страницы пробует перезагрузить страницу и опьять Cannot GET. В чем может быть проблема.

Да и вот еще такая ошибка вылазит, возможно проблема в ней
"gulp watch
(node:3012) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version."

Я ставил отдельно graceful-fs, но gulp почему-то его не видит, и ругается при установке, что версия пакета старая. Не знаю что делать.

destus 17.05.2016 06:36

На хабре посмотри, там и пример есть с настройкой dev сервера https://habrahabr.ru/post/250569/


Часовой пояс GMT +3, время: 00:28.