Ошибка gulp browserSync(openserver)?

Question

[Andrew Chil]

Добрый день! Подскажите пожалуйста где ошибка в gulp. Пробую настроить livereload gulp на опенсервер(magento).
При запуске gulp идет редирект на localhost:3000/, показывает, что browserSync connected, но не работает.

var gulp = require("gulp"),
    util = require("gulp-util"),
    sass = require("gulp-sass"),
    plumber = require('gulp-plumber'),
    image = require('gulp-image'),
    cleanCSS = require('gulp-clean-css'),
    rename = require('gulp-rename'),
    log = util.log,
    concat = require('gulp-concat'),
    babel = require("gulp-babel"),
    uglify = require('gulp-uglify'),
    debug = require('gulp-debug'),
    autoprefixer = require('gulp-autoprefixer'),
    browserSync = require('browser-sync').create(),
    runSequence = require('run-sequence'),
    sourcemaps = require('gulp-sourcemaps'),
    plugins = require('gulp-load-plugins')({});

gulp.task("sass", function () {
    log("Generate CSS files " + (new Date()).toString());
    gulp.src("build/styles/main.scss")
        .pipe(plumber())
        .pipe(sourcemaps.init())
        .pipe(sass({style: 'expanded'}))
        .pipe(autoprefixer({browsers: ['last 5 version'], cascade: false}))
        .pipe(sourcemaps.write("./"))
        .pipe(gulp.dest("dest/css"))
        .pipe(cleanCSS())
        .pipe(rename({
            basename: 'styles',
            suffix: '.min'
        }))
        .pipe(gulp.dest('dest/css'))
        .pipe(browserSync.stream());

});


gulp.task('browser-sync', ['sass'], function () {
    browserSync.init({
        proxy: "http://mydomen/"
    });
});

gulp.task('scripts', function () {
    return gulp.src('build/scripts/*.js')
        .pipe(plumber())
        .pipe(debug())
        .pipe(concat('all.js'))
        .pipe(babel({
            presets: ['es2015']
        }))
        .pipe(rename({
            basename: 'main'
        }))
        .pipe(gulp.dest('dest/js'))
        .pipe(uglify())
        .pipe(rename({
            basename: 'main',
            suffix: '.min'
        }))
        .pipe(gulp.dest('dest/js'))
});

gulp.task('image', function () {
    gulp.src('./build/img/*')
        .pipe(image({
            pngquant: true,
            optipng: true,
            zopflipng: true,
            jpegRecompress: false,
            jpegoptim: true,
            mozjpeg: true,
            gifsicle: true,
            svgo: true,
            concurrent: 10
        }))
        .pipe(gulp.dest('./dest/img'));
});

gulp.task('default', function (callback) {
    runSequence(['sass', 'scripts', 'browser-sync', 'watch'], callback)
});
// plugins.livereload.listen();
gulp.task("watch", function () {
    // livereload.listen();
    log("Watching scss files for modifications");
    gulp.watch('build/styles/**/*.scss', ['sass']);
    gulp.watch('build/scripts/*.*', ['scripts']);
    gulp.watch('/**/*.php').on('change', browserSync.reload);
    gulp.watch('build/styles/**/*.scss').on('change', browserSync.reload);
    gulp.watch('dest/css/*.css').on('change', browserSync.reload);
});

Буду благодарен за помощь!

Answer 1

[Руслан]

А так?

gulp.task("watch", function () {
    // livereload.listen();
    log("Watching scss files for modifications");
    gulp.watch('build/styles/**/*.scss', ['sass']);
    gulp.watch('build/scripts/*.*', ['scripts']);
    gulp.watch('/**/*.php').on('change', browserSync.reload);
    gulp.watch('build/styles/**/*.scss').on('change', browserSync.reload);
    gulp.watch('dest/css/*.css').on('change', browserSync.reload);
    browserSync.init({
        proxy: "http://mydomen/"
    });
});

Comments

[Andrew Chil]

Не помогло,
еще відает ошибку при старте

Details:
    errno: -4048
    code: EPERM
    syscall: scandir
    path: C:\$Recycle.Bin\S-1-5-18
Stack:
Error: EPERM: operation not permitted, scandir 'C:\$Recycle.Bin\S-1-5-18'
    at Error (native)
    at Object.fs.readdirSync (fs.js:951:18)
    at Glob._readdir (C:\OpenServer\domains\stonyy\skin\frontend\istone\stonyy\assets\node_modules\globule\node_modules\glob\glob.js:577:20)
    at Glob._process (C:\OpenServer\domains\stonyy\skin\frontend\istone\stonyy\assets\node_modules\globule\node_modules\glob\glob.js:379:15)
    at Glob.<anonymous> (C:\OpenServer\domains\stonyy\skin\frontend\istone\stonyy\assets\node_modules\globule\node_modules\glob\glob.js:403:14)
    at Array.forEach (native)
    at Glob.<anonymous> (C:\OpenServer\domains\stonyy\skin\frontend\istone\stonyy\assets\node_modules\globule\node_modules\glob\glob.js:402:9)
    at Glob._readdir (C:\OpenServer\domains\stonyy\skin\frontend\istone\stonyy\assets\node_modules\globule\node_modules\glob\glob.js:554:32)
    at Glob._process (C:\OpenServer\domains\stonyy\skin\frontend\istone\stonyy\assets\node_modules\globule\node_modules\glob\glob.js:379:15)
    at Glob.<anonymous> (C:\OpenServer\domains\stonyy\skin\frontend\istone\stonyy\assets\node_modules\globule\node_modules\glob\glob.js:403:14)

[Руслан]

Andrew Chil: а, не посмотрел, вы через browserSync.reload делаете, попробуйте тогда так: gulp.watch('/**/*.php', browserSync.reload);

[Andrew Chil]

Руслан: не помогло...