No video

#3 Gulp сборка проекта | pug, pug-linter

  Рет қаралды 2,445

Фронтендер

Фронтендер

Күн бұрын

Пікірлер: 12
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
Таймкоды: 0:00​ Интро 0:14​ gulp-pug 3:36​ gulp-plumber 4:31​ emitty 9:33​ pug-lint
@user-rg7tx5ve7u
@user-rg7tx5ve7u 3 жыл бұрын
Спасибо за видео урок
@semdevmaster
@semdevmaster 3 жыл бұрын
Спасибо за видео, но снова пошли сложным путем с этим emitty)_ Для того, чтобы таск обрабатывал только измененные файлы у галпа есть из коробки решение добавлением параметра {since: lastRun(task)}, и снова не нужно никаких плагинов). Ещё бы добавил деструктуризацию самого галпа, раз уж Вы решили использовать современный синтаксис js, повторять везде слово gulp в коде не очень и для локаничности можно было бы так - const { src, dest, symlink, lastRun, series, parallel, watch } = require('gulp'); ну или аналогично с импортами как у Вас. Продолжайте в том же духе, видосы точно будут полезны новичкам. Уже некоторых отправил к Вам на канал для обучения. Но всё же рекомендую ознакомиться со всеми возможностями 4 версии, там много интересного.
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
Привет! Спасибо за развернутый ответ. 1) С этим не соглашусь {since: lastRun(task)}, это хорошо работает для отдельных файлов, но если есть зависимости, инклюды, как в pug, то работать уже не будет. Меняем какой-нибудь миксин, а в файлов где он инклюдится, ничего не произойдет. Если это как-то можно настроить и будет работать с помощью lastRun, хотелось бы посмотреть на решение 2) Про деструктуризацию согласен, выпущу отдельным уроком по улучшению сборки. Где сделаю доработки, перенесу gulpfile.babel.js в папку gulpfile.babel.js и тд 3) Да, в документации много есть интересных вещей. Но в данном случае, не вижу как можно было бы кардинально улучшить сборку. О нативном sourcemaps галпа не знал, спасибо за наводку. Но он уже не будет работать при настройке скриптов в моем подходе, понимаю, что не самый лучший вариант, но о плагине gulp-sourcemaps тоже полезно знать, например, как можно загрузить уже существующий sourcemaps
@semdevmaster
@semdevmaster 3 жыл бұрын
@@user-up6es3nr6s Речь не о кардинальном изменении сборки, каждый строит свой велосипед и галп это позволяет, плохого в этом ничего нет. Я просто как один из зрителей канала смотрю и подмечаю моменты, которые мне интересны или наоборот кажутся странными, а обратная связь с Вами позволяет делиться опытом в обе стороны, поэтому с удовольствием смотрю Ваши видео. Мне просто кажется, что когда Вы решаете какую-то конкретную задачу с галпом, то сначала сразу ищите решение среди плагинов, хотя из коробки может уже что-то подойти. Но так как про эти моменты не упоминается в видео, я и пишу свои мысли в комменты. Просто миникурс вроде про галп 4, а по большому счету большинство авторов рассказывают про плагины, а не про сам галп 4 и его возможности. Про тонкость использования pug не скажу, так как вовсе его не использую, но раз Вы говорите, что с lastRun не пройдет этот трюк, тогда беру свои слова обратно.
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
@@semdevmaster Согласен, побольше бы таких комментариев, они помогают развиваться, спасибо)
@alxkr7937
@alxkr7937 2 жыл бұрын
Привет. Большое спасибо за видеоуроки! Хотелось бы узнать по прошествии времени, стоит ли все-таки ставить опцию read: false и есть ли минусы у этой опции с учетом того что придется работать как с маленькими так и с большими проектами?
@user-up6es3nr6s
@user-up6es3nr6s 2 жыл бұрын
Привет! Я не пробовал на больших проектах. Если проект разростется, то можно менять эту опцию и смотреть, есть ли разница
@geek7807
@geek7807 2 жыл бұрын
В случае экспорта gulp.series каким образом gulp вообще отлавливает окончание выполнение таска? У меня даже примеры из официальной документации жалуются на «The following tasks did not complete».
@user-up6es3nr6s
@user-up6es3nr6s 2 жыл бұрын
Привет! Из документации написано, одна операция начинается после другой. Окончанием операции является завершение асинхронной функции, вот примеры gulpjs.com/docs/en/getting-started/async-completion
@user-jf5hh9bu3y
@user-jf5hh9bu3y 3 жыл бұрын
А есть ли аналоги emity для html файлов?
@user-up6es3nr6s
@user-up6es3nr6s 3 жыл бұрын
Привет! Если используются инклюды, то не сталкивался. Можно гуглить в сторону html incremental compilation. В emitty есть несколько языков, может там есть то, что нужно github.com/mrmlnc/emitty#languages Для чистого html можно lastRun использовать gulpjs.com/docs/en/api/lastrun/. Но, для небольших и средних проектов вряд ли будет существенная разница, так как происходит копирование файлов в папку назначения.
#4 Gulp сборка проекта | sass, stylelint
18:26
Фронтендер
Рет қаралды 2,8 М.
#5 Gulp сборка проекта | assets, images, svg-sprite
30:35
Фронтендер
Рет қаралды 4,7 М.
This Dumbbell Is Impossible To Lift!
01:00
Stokes Twins
Рет қаралды 36 МЛН
English or Spanish 🤣
00:16
GL Show
Рет қаралды 7 МЛН
Can This Bubble Save My Life? 😱
00:55
Topper Guild
Рет қаралды 86 МЛН
Ik Heb Aardbeien Gemaakt Van Kip🍓🐔😋
00:41
Cool Tool SHORTS Netherlands
Рет қаралды 9 МЛН
#6 Gulp сборка проекта | Организация скриптов
12:29
#7 Gulp сборка проекта | Организация стилей
23:55
Фронтендер
Рет қаралды 1,9 М.
Налог на незнание JavaScript - [Hamster Kombat]
50:20
ЯЗЫК АССЕМБЛЕРА С НУЛЯ | #1 НАЧАЛО
54:43
КАК НАЧАТЬ ПОНИМАТЬ LINUX (2024)
21:10
PLAFON - Канал о линуксе
Рет қаралды 147 М.
This Dumbbell Is Impossible To Lift!
01:00
Stokes Twins
Рет қаралды 36 МЛН