Задать вопрос
andreydobrin

Андрей Dobrin

Сложно , но это пока
Ответы пользователя по тегу Node.js

  • Почему перестал запускаться browsersync после того как добавил gulp-less?

    andreydobrin
    @andreydobrin
    Сложно , но это пока
    Можете таск server засунуть, наоборот, в watcher:
    Для простоты, создайте переменную с настройками сервера:
    var config = {
server: {
        baseDir: "src/"
    }
}

    Watcher будет выглядеть так:
    gulp.task('watch', function(){
  browserSync.init(config);
  gulp.watch("src/less/*.less", gulp.series("less")); 
--> x
})


    Где Я поставил крестик, можно пихать еще файлы для просмотра вместе с методом gulp.series или gulp.parallel. Их разница в порядке выполнения тасков. Я рекомендую использовать gulp.series для подобных тасков.
    Ответ написан
    Комментировать
    Комментировать

  • Не работает Gulp + sass, что за ошибка?

    andreydobrin
    @andreydobrin
    Сложно , но это пока
    Gulp 4 версии у Вас. А task watch использует синтаксис 3 версии.
    Замените ваш watcher на такой:
    gulp.task('watch', function(){
	browserSync.init({
Сюда Ваш конфиг сервера
});
	gulp.watch(путь до стилей, gulp.series('style'));
})
    Ответ написан
    Комментировать
    Комментировать

  • Как поправить синтаксис кода gulp3 под gulp 4?

    andreydobrin
    @andreydobrin
    Сложно , но это пока 
    gulp.task('watch', function(){
	browserSync.init(config);
	gulp.watch(path.watch.html, gulp.series('html:build'));
	gulp.watch(path.watch.scss, gulp.series('scss:build'));
	gulp.watch(path.watch.css, gulp.series('css:build'));
	gulp.watch(path.watch.js, gulp.series('js:build'));
	gulp.watch(path.watch.images, gulp.series('images:build'));
  gulp.watch(path.watch.fonts, gulp.series('fonts:build'));
})

    Если вы не смотрели выпуск, в ссылке на ответ выше, то объясню на счет parallel и series. То есть в первом случае Вашиtask-и в потоке выполняются вместе. А в другом случае, сперва выполнится первый task, потом второй, третий и до конца.
    В build можно сделать так:

    gulp.task('build', 
	gulp.series(
		'clean:build',
		gulp.parallel(
			'html:build',
			'css:build',
			'js:build',
			'images:build',
			'fonts:build'
)));


    Здесь сперва чистится папка dist, а потом собирается продакшн.
    Попробуйте использовать и отпишитесь и отметьте, если поняли суть)
    Ответ написан
    Комментировать
    Комментировать