Anton
то ли там в версии браузерсинка что-то поменялось, то ли что. Один и тот-же галп-файл, на старом проекте всё ок было, а на новом всё обновляет, кроме стилей.
Anton
по f5 обновляет, а автоматом нивкакую.
Миша
Anton
хрень какая-то. Придётся другое решение искать.
Anonymous
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
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
При установке???
Anton
компилится
Anton
в том то и дело
Anton
если вручную по ф5 обновить, то всё обновляется.
Anton
я грязный хак сделал, сейчас всё обновлять начало, но это костыль, надо будет разобраться с этой дичью.
Anonymous
Так может в вотч отдаешь нескомпиленный файл
Anton
ну да, не скомпиленный, он компилится и в конце по пайпам в браузерсинк уходит.
Ильхом
Иван
Anonymous
Иван
То есть с сеткой от 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
Иван
На здоровье
Rahim
как уменшит запроси на Mobiledetect
Rahim