Почему не срабатывают изменения через browserSync?
В чем моя проблема ?
Пытаюсь настроить маленькое окружение , для front-end’а. Чтобы при запуске таска watch , происходила слежка за файлами index.html и style.scss и чтобы стили компилировались в css и сохранялись в иной путь + хотел добавить автообновление страницы через browser Sync..
В общем установил плагины sass, browserSync через npm Файл индекс обновляется ,а файл scss не реагирует на изменения в браузере , хотя в консоли выводятся записи.
Самое интересное при сохранении/изменении файла style.scss консоль выдает записи , в браузере ничего не происходит(поменял например цвет фона на красный). Если перезапускаю gulp watch , он запускает заново страницу, но стили всё равно не применены. И только если я запущу вручную открою index.html и выберу запустить в браузере вот только там видны изменения стилей. Такое чувство что если я запускаю таск watch то стили отваливаются.
Снизу приложил фотографии, сначала сделал изменения в Html изменения появились в браузере, затем изменения сделал в scss. Стили компилируются.В консоли никаких ошибок не выводится.
Источник
Почему не срабатывают изменения через browserSync?
В чем моя проблема ?
Пытаюсь настроить маленькое окружение , для front-end’а. Чтобы при запуске таска watch , происходила слежка за файлами index.html и style.scss и чтобы стили компилировались в css и сохранялись в иной путь + хотел добавить автообновление страницы через browser Sync..
В общем установил плагины sass, browserSync через npm Файл индекс обновляется ,а файл scss не реагирует на изменения в браузере , хотя в консоли выводятся записи.
Самое интересное при сохранении/изменении файла style.scss консоль выдает записи , в браузере ничего не происходит(поменял например цвет фона на красный). Если перезапускаю gulp watch , он запускает заново страницу, но стили всё равно не применены. И только если я запущу вручную открою index.html и выберу запустить в браузере вот только там видны изменения стилей. Такое чувство что если я запускаю таск watch то стили отваливаются.
Снизу приложил фотографии, сначала сделал изменения в Html изменения появились в браузере, затем изменения сделал в scss. Стили компилируются.В консоли никаких ошибок не выводится.
Источник
Почему из за Browser-sync перестал работать интернет?
Игрался я значит с браузер синком, включил его через cmd, захожу значит с телефона, что бы увидеть index, ну вы поняли, и что то не заходит, потом решил на localhost:3000 зайти, захожу, чет опять тупит, потом хоп прогружается, и страница ростелекома — мол сайт заблокирован! Как будто роскомнадзор забанил, только это мой локальный сайт! И потом всё, интернет начал тупить, пропал вообще, я целый час пытался его починить! Удалял browser sync, глобально, из ветки dev, и только после того как я его запустил из другого проекта (другой папки) интернет заработал! (+ я игрался с DNS в свойствах, по дефолту стоял гугл днс адреса 8888 — 8844) Что за бред вообще? Я просто хотел посмотреть как выглядит сайт на телефоне, но меня не пускало по указанному адресу в browser-sync, в панели управления, 198.168.2:3000, а когда зашел на локалхост интернет вообще чудить начал, притом на телефоне он работал, но на половину, только на гугл заходил, и ещё в DNS у меня был указан адрес именно гугла а не моего провайдера ибо от моего провайдера инет у меня уже как то слетел, я поставил порт 8888 — 8844 (гугл) и всё отлично стало, в общем я пишу и как вопрос, почему это произошло, и просто вам на будущее, если что то подобное случится при запущенном BS то копайте в его сторону, просто из другой папки запустите, притом перезапуск компа и роутера вообще не помогал!
Щас я вообще DNS убрал, и всё работает пока норм, боюсь обратно гугловские днс ставить, видимо BS багнулся и чет натворил с инетом, он же эмулирует всю эту фигню, видимо чет багнуло, притом потом когда заходил в панель управления была ссылка только для компа, а External небыло (для телефона)
Источник
Ошибка в gulp browser-sync, как исправить?
Не пойму в чем проблема. Browser sync не хочет вотчить за html.
Директорию прописал, а он собака не видит
В чем прикол, когда я кидаю index.html из папки app, в папку где лежит gulpfile.js, то он вотчит. А какого он так делает? Я ему же говорю иди в папку app и бери там html.
Ребята хелп
Вот код
//подключаем пакеты
const < src, dest, parallel, series, watch >= require(‘gulp’);
const browserSync = require(‘browser-sync’).create();
const concat = require(‘gulp-concat’);
const uglify = require(‘gulp-uglify-es’).default;
const sass = require(‘gulp-sass’);
const autoprefixer = require(‘gulp-autoprefixer’);
const cleancss = require(‘gulp-clean-css’);
const imagemin = require(‘gulp-imagemin’);
const newer = require(‘gulp-newer’);
const del = require(‘del’);
function browsersync() <
browserSync.init( <
server: <
baserDir: ‘app/’
>,
port: 3000,
notify: false
// online: true
>);
>;
function scripts() <
return src([
‘node_modules/jquery/dist/jquery.min.js’, // Пример подключения библиотеки
‘app/js/app.js’, // Пользовательские скрипты, использующие библиотеку, должны быть подключены в конце
])
.pipe(concat(‘app.min.js’)) // Конкатенируем в один файл
.pipe(uglify()) // Сжимаем JavaScript
.pipe(dest(‘app/js’)) // Выгружаем готовый файл в папку назначения
.pipe(browserSync.stream()) // Триггерим Browsersync для обновления страницы
>;
function styles() <
return src(‘app/scss/main.scss’)
.pipe(sass())
.pipe(concat(‘style.min.css’))
.pipe(autoprefixer( <
overrideBrowserslist: [‘last 10 versions’],
grid: true
>))
.pipe(cleancss( < level: < 1: < specialComments: 0 >>/* , format: ‘beautify’ */ > )) // Минифицируем стили
.pipe(dest(‘app/css/’))
.pipe(browserSync.stream())
>;
function images() <
return src(‘app/image/src/**/*’)
.pipe(newer(‘app/image/dest/’))
.pipe(imagemin())
.pipe(dest(‘app/image/dest/’))
>
Источник