Задать вопрос
fast-je
@fast-je
Пишу на php.

Почему не работает browser sync?

У меня докинизированный lamp стоит по адресу aviso-front.loc
Когда я изменяю файлы html или scss browser sync не релоадит страницу
Структура проекта
5b27ac7ea89e4781184793.jpeg
Код
const gulp = require('gulp');
const sass = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');
const concat = require('gulp-concat');
const rename = require('gulp-rename');
const clean = require('gulp-clean');
const notify = require('gulp-notify');
const plumber = require('gulp-plumber');
const sourcemaps = require('gulp-sourcemaps');
const browserSync = require('browser-sync').create();


gulp.task('styles', function() {
    return gulp.src('src/css/**/*.scss')
        .pipe(plumber({ // plumber - плагин для отловли ошибок.
            errorHandler: notify.onError(function(err) { // nofity - представление ошибок в удобном для вас виде.
                return {
                    title: 'Styles',
                    message: err.message
                }
            })
        }))
        .pipe(sourcemaps.init()) //История изменения стилей, которая помогает нам при отладке в devTools.
        .pipe(sass({
            includePaths: require('node-normalize-scss').includePaths
        }))   //Компиляция sass.
        .pipe(autoprefixer({ //Добавление autoprefixer.
            browsers: ['last 2 versions']
        }))
        .pipe(concat('styles.css')) //Соедение всех файлом стилей в один и задание ему названия 'styles.css'.
        .pipe(sourcemaps.write())
        .pipe(rename('build.css')) //Переименование
        .pipe(gulp.dest('build/styles'))
        .pipe(browserSync.stream());
});
gulp.task('clean', function() {
    return gulp.src('build/styles')
        .pipe(clean());
});
gulp.task('default', ['clean'], function() {
    gulp.run('dev');
});
gulp.task('dev', ['styles', 'watch', 'browser-sync']);
gulp.task('browser-sync', function() {
    return browserSync.init({
        proxy: "aviso-front.loc"
    });
});
gulp.task('watch', function() {
    gulp.watch('src/css/**/*.scss', ['styles']); //стили
    gulp.watch('/build/*.html').on('change', browserSync.reload);
});


ЧТо не так сделал ?
  • Вопрос задан
  • 541 просмотр
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@rustler2000
погромист сикраш
Через докер inotify вроде как не работает. Если с хоста меняешь, то приложение в докере может и не заметить (если оно не делает полный рескан)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы