Делаю сайт на Foundation for Sites 6 хочу добавить плагин browser sync, при запуске появляется ошибка Cannot GET /
как решить не пойму?
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
var concat = require('gulp-concat');
var cssnano = require('gulp-cssnano');
var rename = require('gulp-rename');
var imagemin = require('gulp-imagemin');
var pngquant = require('imagemin-pngquant');
var browserSync = require('browser-sync').create();
var sassPaths = [
'bower_components/foundation-sites/scss',
'bower_components/motion-ui/src'
];
gulp.task('imagemin', function () {
return gulp.src('./img/*')
.pipe(imagemin({
progressive: true,
svgoPlugins: [{removeViewBox: false}],
use: [pngquant()]
}))
.pipe(gulp.dest('./img'));
});
gulp.task('sass', function() {
return gulp.src('scss/app.scss')
.pipe($.sass({
includePaths: sassPaths,
outputStyle: 'compressed' // if css compressed **file size**
})
.on('error', $.sass.logError))
.pipe($.autoprefixer({
browsers: ['last 2 versions', 'ie >= 9']
}))
.pipe(cssnano())
.pipe(rename({suffix: '.min'})) // Добавляем суффикс .min
.pipe(gulp.dest('css'));
// .pipe(browserSync.stream());
});
// Static Server + watching scss/html files
gulp.task('serve', ['sass'], function() {
// Serve files from the root of this project
browserSync.init({
server: {
baseDir :'./'
}
});
gulp.watch("./scss/*.scss", ['sass']);
gulp.watch("/*.php").on('change', browserSync.reload);
});
gulp.task('default', ['serve']);
