У меня докинизированный lamp стоит по адресу
aviso-front.loc
Когда я изменяю файлы html или scss browser sync не релоадит страницу
Структура проекта
Код
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);
});
ЧТо не так сделал ?