Anton
то ли там в версии браузерсинка что-то поменялось, то ли что. Один и тот-же галп-файл, на старом проекте всё ок было, а на новом всё обновляет, кроме стилей.
Anton
по f5 обновляет, а автоматом нивкакую.
Pavel
по f5 обновляет, а автоматом нивкакую.
У тебя другой значит. У меня просто без галпа работает. Прога. Обновляет браузер и компилит scss
Anton
хрень какая-то. Придётся другое решение искать.
Anton
2.23.6
Anonymous
Посмотри, может что не установлено: https://github.com/agragregra/optimizedhtml-start-template/blob/master/package.json
Anonymous
Правда тут под сасс заточено
Anonymous
Ну и сам таск галпа: gulp.task('watch', ['sass', 'js', 'browser-sync'], function() { gulp.watch('app/sass//*.sass', ['sass']); gulp.watch(['libs//*.js', 'app/js/common.js'], ['js']); gulp.watch('app/*.html', browserSync.reload); });
Anonymous
и работает у меня под маком на npm 6.x
Anton
смотри, он там делает .pipe(browserSync.reload({stream: true})); у меня тоже самое в таске с лессом, но он не делает этот релоад
Anonymous
А зависимости все стоят???
Anton
он бы ругался, если чего-то не было.
Anonymous
)))))))))))))))))))))
Anton
говорю, он в консоль пишет, что всё ок, а по факту не обновляет.
Anton
[13:56:46] Starting 'build'... [13:56:46] Finished 'build' after 31 ms [Browsersync] 2 files changed (main.css.map, main.css)
Anonymous
Думаю для выявления причины можно развернуть темплейт, который я скинул и попробовать. Если с ним все хорошо, то ищи проблемы у себя в зависимостях, или в тасках
Anonymous
А если он не стартанет, то проблема с npm
Anonymous
Только сегодня разворачивал данный темплейт - он 100% рабочий
Anonymous
[13:56:46] Starting 'build'... [13:56:46] Finished 'build' after 31 ms [Browsersync] 2 files changed (main.css.map, main.css)
Стоп! А причем тут билд???? У тебя в билде запускается браузер синк??????
Anton
gulp.task('build', function () { gulp.src(config.src + config.css.src) .pipe(sourcemaps.init()) .pipe(preproc()) .pipe(gcmq()) /*.pipe(autoprefixer({ browsers: ['> 0.1%'], cascade: false }))*/ .pipe(cleanCSS({ level: 2 })) .pipe(sourcemaps.write('.')) .pipe(gulp.dest(config.src + config.css.dest)) .pipe(browserSync.reload({ stream: true })); });
Anton
браузерсинк инитится ниже.
Anton
а на галп.воч при изменении лесс вешается этот таск.
Anonymous
А какой файл то смотрится?
Anonymous
Какой файл он должен обновить???
Anton
css: { watch: '/src/**/*.less', src: '/src/less/main.less', dest: '/css' },
Anonymous
gulp.watch('app/*.html', browserSync.reload);
Anonymous
Видишь html?
Anton
da
Anonymous
Да и параметры не передаются никакие в метод reload
Anton
но этот гульп файл работал на прошлом проекте чётко)
Anton
воч я вот так запускаю ниже: gulp.watch(config.src + config.css.watch, ['build']);
Anton
stream true для того, чтоб он страницу не обновлял, а только ксс по-тихому подтягивал.
Anonymous
А что в config.src?
Anton
src: '.', 😃
Anonymous
Ну хз
Anonymous
А кстати как у тебя выглядить таск баузер синка?
Anton
gulp.task('browserSync', function () { browserSync.init({ server: { baseDir: config.src + '/' } }); });
Anonymous
Зачем метод init???
Anton
a как?
Anonymous
Это пример из документашки:
Anonymous
// //////////////////////////////////////////////// // Browser-Sync // // ///////////////////////////////////////////// gulp.task('browserSync', function() { browserSync({ server: { baseDir: "./" }, port: 8080, open: true, notify: false }); });
Anton
там он неявно всё-равно вызывается.
Anton
говорю, браузерсинк-то работает.
Anonymous
Это из темплейта:
Anonymous
gulp.task('browser-sync', function() { browserSync({ server: { baseDir: 'app' }, notify: false, // tunnel: true, // tunnel: "projectmane", //Demonstration page: http://projectmane.localtunnel.me }); });
Anton
только стили не обновляет
Anonymous
При установке???
Anonymous
только стили не обновляет
Тогда получается что не компилится less
Anton
компилится
Anton
в том то и дело
Anton
если вручную по ф5 обновить, то всё обновляется.
Anton
я грязный хак сделал, сейчас всё обновлять начало, но это костыль, надо будет разобраться с этой дичью.
Anonymous
Так может в вотч отдаешь нескомпиленный файл
Anton
ну да, не скомпиленный, он компилится и в конце по пайпам в браузерсинк уходит.
Ильхом
тема из тени
Иван
То есть с сеткой от bootsrap 4
Anonymous
Я не юзаю бутстрап! Просто выкидываю его и не смотрю что там!)))
Иван
https://github.com/agragregra/OptimizedHTML-4
Иван
Там только сетка ;)
Иван
В этом комплекте
Anonymous
Я знаю! Но и она мне не нужна! Люблю свои велосипеды!)))
Иван
;)
Иван
Сейчас ещё скину такой пак. Только там нет сетки
Anonymous
Мне просто всегда лень конфиг галпа писать!)))
Anonymous
А в последнее время и без галпа обхожусь, создав миксины для добавления префиксов!)))) А галп стартую один раз для минификации и пережимки изображений! А так все в phpShtorm отлично компилится!))
Иван
https://github.com/jesseshowalter/jesseshowalter-starter-project
Иван
Вот глянь
Иван
Ну и на канал его можно подписаться в Youtube
Иван
У него сейчас курс по лендингу с 0-ля.
Иван
Нормальный.
Иван
Пишет на flexbox и Grid
Anonymous
Вот глянь
Спасибо!
Иван
На здоровье
Anonymous
Пишет на flexbox и Grid
До гридов не добрался, а флексы знаю еще с 2012г.))))))))))
Rahim
как уменшит запроси на Mobiledetect
Rahim