Смотрю тебя с того момента, когда у тебя еще не было 15-20 тысяч на ютубе. Очень нравится твой контент, делай видосы больше и чаще, так же не забывай про старичков
От казалось бы айти это профессия серьезней некуда, и казалось бы обучение айти это вообще напряг сногсшыбательный. Но на какое из твоих видео не посмотрю и такая атмосфера будто с кентом на районе общаюсь и заодно как ты в конце сказал развиваюсь так как оно того стоит. Спасибо Вадим за столь важные, нужные и практические навыки которым ты обучаешь людей.
Вадим, спасибо!) Я полдня возился с установкой gulp-include. И ещё покамест нашёл что существует такая сборка... А здесь зашёл и сразу скачал готовую сборку. Будем трудиться!
@@vadymprokopchuk Вадиме, покажіть, будь ласка, в наступній частині gulp модулі js? Окремий js файл на кожну сторінку(в мене не працють скрипти, дивлячись, як Ви робити, хочу зрозуміти, що ж не так в мене(. А ще як зменшувати відео, ну як картинки.
@@vadymprokopchuk Вадиме, привіт. Питання по таску фонтс. Коли Ви не прописали *.* в return src('app/fonts/src'), то помилка була is not accepted type of font. Will just copy file, коли ж прописали *.*, то помилка вирішилась, а я прописала і одна помилка змінилась на цю [09:38:41] Starting 'fonts'... Read woff error on test-woff.woff - Will just copy file [09:38:53] Finished 'fonts' after 12 s шрифт test-woff.woff не переводиться в woff2( 9 все ок, а цей ну ніяк const fonter = require('gulp-fonter'); const ttf2woff2 = require('gulp-ttf2woff2'); function fonts() { return src('app/fonts/src/*.*') .pipe(fonter({ formats: ['woff', 'ttf'] })) .pipe(src('app/fonts/*.ttf')) .pipe(ttf2woff2()) .pipe(dest('app/fonts')) } function building() { 'app/fonts/*.*', } exports.fonts = fonts; Де моя помилка???
Спасибо, за хороший урок. Лично я для себя немного переделал сборку и разнес все функции по отдельным файлам. Создал папку gulp и там создал файлы под каждую функцию и потом уже инклюдил в gulpfile.
Просто переустановите gulp на версию ниже чем 5, удалив перед этим текущую версию командой: npm rm gulp, затем установить заново: npm i gulp@4.0.2 -D должно заработать
Вадим, 'app/**/*.html' - эта запись переносила твой html в папку images)) Для остальных, в функции building() в src можно явно указать 'app/pages/*.html', тогда лишние html не будет трогать
@@vadymprokopchuk Если прописать 'app/pages/*.html', то в папку dist билдятся просто кусочки кода и комментарии от gulp-include. А вот если 'app/*.html', то уже всё норм) Поправьте если не так, но у меня всё шикарно
@@ВладимирДзех-я7з я поменяла порядок компиляции файлов 'src/**/*.html', '!src/images/stack/*.html', 'src/images/*.*', '!src/images/*.svg', 'src/images/sprite.svg', и тогда stack не переносит
Спасибо, даже без апгрейдов, офигенная сборка, есть только вот 2024 июля поправочка, автопрефиксер не юзается через require, если устанавливать не версию из видео. Переделал сборку на mjs , завелось. Кайфую, офигенная вечериночка, спасибо !!!
Шедеврально) по ходу появился вопрос зачем вообще нужны svg спрайт, гугл конечно помог, но хотелось бы пару комментариев, или как то дальше показать когда ты используешь
Привет. А как поставить (можете скинуть)? А то я зеленый и только пытаюсь въехать в галп, повторяя за Вадимом, но на всё выдается такая ошибка: Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\Слава\Desktop\Frontend\gulp-start ode_modules\gulp-webp\index.js from C:\Users\Слава\Desktop\Frontend\gulp-start\gulpfile.js not supported. Instead change the require of index.js in C:\Users\Слава\Desktop\Frontend\gulp-start\gulpfile.js to a dynamic import() which is available in all CommonJS modules. at Object. (C:\Users\Слава\Desktop\Frontend\gulp-start\gulpfile.js:11:14) { code: 'ERR_REQUIRE_ESM' } Заранее спасибо!
@@SandyWinman у тебя webp бунтует, просто в файле package.json найди webp и измени цифры его версии на те что у Вадима, а после набери команду npm i, чтобы эта версия загрузилась. Рекомендую все плагины ставить с такой же версией как на видео, чтобы проблем не было
@@ksoar8994 я версии всех плагинов точь в точь переписал как у автора. и удалил папку npm_modules с pacakge-lock.json. потом в консоли заново написал npm i. такая ошибка выходит: 42 vulnerabilities (14 moderate, 28 high) на это все равно? или написать npm audit fix --force?
просто грузовик лайков(больше одного нельзя)!!! Ну во-первых, большое тебе спасибо, Во-вторых , огромное тебе спасибо. Ты не только профессионал. но и большой молодец👍
Добрый вечер, я 3-й в комментах с такой проблемой ! Исправлена ли она на патреоне? Формат woff через fonter не конвертируется? выдает Read woff error on OpenSans-Bold.woff - Will just copy file... За сборку спасибо.
@@dindin5528 нет не решил, мне пока усечённого сборщика хватит, а уж дальше буду развиваться. Полагаю это не готовый продукт, его задача привлечь внимание к курсам. Но, все равно, автору спасибо.
А что делать если в шрифтах всё конвертируется, кроме файлов .woff? При попытке конвертнуть .woff в консоли просто пишет "Read woff error on Roboto-Black.woff - Will just copy file" и просто переносит его в папку fonts, а формата .woff2 этого шрифта не появляется
Дякую. Хотелось бы небольшой проект на 3-4 страницы, так что бы компонентно, с gulp, на препроцессоре , с сохранением и работой на Git Hub, а потом натянуьть на wordpress. И вопрос, бывает вообще подходы в верстке когда у тебя верстка изначально максимально гибкая и адаптивная, то есть что бы при адаптиве максимально мало тратить времени?
avif не хочет работать, все по видео записал, но не в какую 12:19:53] Starting 'images'... [12:19:53] 'images' errored after 33 ms [12:19:53] Error in plugin "gulp-avif" Message: Input buffer contains unsupported image format Details: domainEmitter: [object Object] domainThrown: false
Якщо в когось не конфертуються шрифти або зберігає не в ту папку - то варто встановити "gulp-fonter-unx", оскільки "gulp-fonter" написаний під вінду. Я пару годин шукав чому ж конвертація шрифтів некоректно працює.
Приветствую всех и в особенности Автора канала У меня почему то файлы woff не конвертирует в woff2 , а просто переносит оригинал файла.woff в папку fonts Не пойму что не так, может кто подскажет или сталкивался с подобным?
Всем доброго времени суток! Столкнулся с проблемой, когда сохраняю картинку в images/src, после чего из папки images беру сконвертированный файл, например webp. На это сервер кидает ошибку 404(not found). Кто-нибудь знает как исправить?
Совершенно необходимо добавить функцию при которой закидываешь файл дизайна из фигмы, нажимаешь кнопку и на выходе сразу получаешь деньги, менуя моменты вёрстки и лишнего общения с клиентом 😂😂😂
Підкажіть, будь ласка, як в Prettier вимкнути автозакривання тегів? Не можу поєднати header і footer. Воно закриває header з body в header'i, а потрібно закрити body в footer...
Добрый день. У меня вопрос. Когда делаю адаптив и работаю с медиа файлом, изменения в браузере не происходят. Приходится останавливать GULP, потом опять его запускать и только потом происходят изменения в браузере. Так много времени занимает это все. Не подскажите в чем дело и как это исправить?
Допоможіть, будь ласка Птання. Як зробити. щоб папка stack зявлялась в папці app/images???? Окремо запускаю таск images, потім sprite, і building і все ок, картинки конвертуються, папка stack, файл sprite.svg створюються і в dist все правильно, але коли запускаю повністю збірку gulp, то в папці app.images картинки конвертуються, sprite.svg файла нема і папки stack нема, але в dist sprite.svg файл є і папка stack не перенеслась) function building() { return src([ 'app/css/style.min.css', '!app/images/**/*.html', 'app/images/*.*', '!app/images/*.svg', 'app/images/sprite.svg', 'app/fonts/*.*', 'app/js/main.min.js', 'app/*.html', ], { base: 'app' }) .pipe(dest('dist')) } exports.styles = styles; exports.images = images; exports.fonts = fonts; exports.building = building; exports.sprite = sprite; exports.scripts = scripts; exports.watching = watching; exports.build = series(cleanDist, building); exports.default = parallel(styles, images, scripts, watching);
Очень крутая сборка!!! Можно сделать чтобы при добавлении картинки через тег img, в html автоматически прописывалась структура для форматов картинок (avif, webp, img)?
Добродня Вадим! Хотілося би добавити в збірку favicon та про самі favicon подивитися відео від вас в якому форматі і яких розмірів вони повинні бути в 2023 році
Круто круто - однозначно топчик, нас услышали! Ещё бы сборку с таким функционалом на Vite было бы круто , Vite намного быстрее Gulp-а и web-paka. Годных сборок на него нет , гайдов тоже , я свою сборку делал по звёздам ( дока не написана на языке плебса). Такая сборка на vite - порвала бы русский ютубчик.
Очень интересно узнать у топящих за бандлеры: вы сами-то пробовали сделать сборку банлера какого-нибудь, подходящую для верстки МНОГОСТРАНИЧНИКА? Не интегрировать ограниченный (js-ом) функционал бандлера в Галп, а именно сделать самостоятельную сборку. /me пошел за попкорном
@@alext5030 и ещё ты пишешь что вебпак только для spa тогда поясни чем кроме можно из JS библитеки на 500 модулей вытащить в билд только те что юзаешь при этом там чисто твои функции, которые ты подменяешь под разные проекты.
Здаров Вадос, спасибо за сборку, все что ты делаешь для нас это круто, я просто кайфую. Вчера повторял все за тобой, но почему то не работает autoprefixer, закоментировал константу и строчку в функции все остальное снова работает, голову сломал не пойму что за ф-я. Мб префиксер уже не актуален
Вадим в этой сборке почему-то нет примера подключения шрифтов в файле style.scss , ты говорил чтобы мы комментировали то, чего нам не хватает. Вот этого явно не хватает.
Вот это вечериночка) Большое спасибо за труд!
Очень ждал продолжения сборки, Вадим спасибо тебе огромное!!! Выздоравливай!)
спасибо
УРА!) Наконец-то дождались!) В кои то веки будет хороший вечер, рады, что всё хорошо и ты снова с нами, вечериночки это то чего нам не хватало!)
Смотрю тебя с того момента, когда у тебя еще не было 15-20 тысяч на ютубе. Очень нравится твой контент, делай видосы больше и чаще, так же не забывай про старичков
круто, спасибо
От казалось бы айти это профессия серьезней некуда, и казалось бы обучение айти это вообще напряг сногсшыбательный. Но на какое из твоих видео не посмотрю и такая атмосфера будто с кентом на районе общаюсь и заодно как ты в конце сказал развиваюсь так как оно того стоит. Спасибо Вадим за столь важные, нужные и практические навыки которым ты обучаешь людей.
6:20 - картинки
22:00 - newer
31:40 - svg
40:50 - шрифты
1:00:20 - include HTML
Вадим, спасибо!)
Я полдня возился с установкой gulp-include. И ещё покамест нашёл что существует такая сборка... А здесь зашёл и сразу скачал готовую сборку. Будем трудиться!
не хватает только марафонов по верстке :)
спасибо за труд, учитель
спасибо
@@vadymprokopchuk Вадиме, покажіть, будь ласка, в наступній частині gulp модулі js? Окремий js файл на кожну сторінку(в мене не працють скрипти, дивлячись, як Ви робити, хочу зрозуміти, що ж не так в мене(. А ще як зменшувати відео, ну як картинки.
@@vadymprokopchuk
Вадиме, привіт. Питання по таску фонтс. Коли Ви не прописали *.* в return src('app/fonts/src'), то помилка була is not accepted type of font. Will just copy file, коли ж прописали *.*, то помилка вирішилась, а я прописала і одна помилка змінилась на цю
[09:38:41] Starting 'fonts'...
Read woff error on test-woff.woff - Will just copy file
[09:38:53] Finished 'fonts' after 12 s
шрифт test-woff.woff не переводиться в woff2( 9 все ок, а цей ну ніяк
const fonter = require('gulp-fonter');
const ttf2woff2 = require('gulp-ttf2woff2');
function fonts() {
return src('app/fonts/src/*.*')
.pipe(fonter({
formats: ['woff', 'ttf']
}))
.pipe(src('app/fonts/*.ttf'))
.pipe(ttf2woff2())
.pipe(dest('app/fonts'))
}
function building() {
'app/fonts/*.*',
}
exports.fonts = fonts; Де моя помилка???
Просто пушка! Огромное спасибо за свежачек!!
спасибо, Вадим! Люблю тебя!
Спасибо, за хороший урок. Лично я для себя немного переделал сборку и разнес все функции по отдельным файлам. Создал папку gulp и там создал файлы под каждую функцию и потом уже инклюдил в gulpfile.
Волшебно
Ооо, это то, чего мы все так долго ждали!😁 Иду ставить чайничек🙌
супер)
Шедеврально!!!
Starting 'images'...
[22:51:54] 'images' errored after 69 ms
[22:51:54] Error in plugin "gulp-avif"
Message:
.webp not supported
Details:
domainEmitter: [object Object]
domainThrown: false
подскажите, как решить?
Тоже самое, у вас получилось решить?
src(['....'], {encoding: false})
@@MarkSizm-de5on тоже такая проблема . Решили эту проблему?
Как вы решили эту проблему?
Просто переустановите gulp на версию ниже чем 5, удалив перед этим текущую версию командой: npm rm gulp, затем установить заново: npm i gulp@4.0.2 -D должно заработать
Бог и вся верстки вернулся
Ураааааа
Спасибо! Лайк, подписка однозначно. Отличная сборка вышла, да и подача супер
Єеее боооой!
Вадос зробив потужний відос!
так, це трапилось =)
Спасибо большое за сборку!
шедеврально !!!🙂
Спасибо за вечеринку! Установил всю сборку, все работает. Великолепно
огонь, так держать
Супер годная вечеринка подъехала ❤👍👍
Очень ждал продолжения)
Та же фигня))
@@j-lewis та же фигня =)
Сборка просто топчик! Спасибо!
Очень рады возвращению. Большое спасибо !)
Очень понятно, интересно, доступно!!!! Спасибо тебе!
Божественно ❤
Мужик реальный
Вадим, 'app/**/*.html' - эта запись переносила твой html в папку images))
Для остальных, в функции building() в src можно явно указать 'app/pages/*.html', тогда лишние html не будет трогать
Дякую)
да да, все так и есть
@@vadymprokopchuk Если прописать 'app/pages/*.html', то в папку dist билдятся просто кусочки кода и комментарии от gulp-include. А вот если 'app/*.html', то уже всё норм) Поправьте если не так, но у меня всё шикарно
@@ВладимирДзех-я7з я поменяла порядок компиляции файлов 'src/**/*.html',
'!src/images/stack/*.html',
'src/images/*.*',
'!src/images/*.svg',
'src/images/sprite.svg',
и тогда stack не переносит
@@elizabethsh8276 привет как я могу с вами связаться Просто я учу gulp я в принц понял данной сборки но остались вопросы
Дуже дякую за урок!
дякую
офигенно) Спасибо большое, дождался!))
время пришло)
Просто Супер. Спасибо !
Спасибо, за то что услышал наш молитвы и выпустил эту годноту! :3
Вадим , спасибо огромное за сборку, требую добавление вебпака в нашу сборочку.
как же долго этого ждал)))
Только несколько дней назад решил сделать проект на твоей сборке, и всё время не доходили руки посмотреть видео по неë, кажется это видео мой шанс
это продолжение, если все пройдешь будет оч полезно
Как всегда годный контент с отличной подачей!👍
Отличная сборка! Первая, которая запускается и работает!
супер, рад что помог
Спасибо большое за вашу работу
Так давно Вас не було( Дякую)
я тут, все добре, будь ласка, рухаємося далі
Спасибо за труд.)
Шедеврально
Теперь нужна вёрстка с это сборкой с подключением всяких слайдеров и тд чтоб стало ясно)
да да да, согласен
Согласен,нужно чтобы Вадим что-то сверстал на этой сборке,а то есть вопросы как начинаеться верстка.
Спасибо, даже без апгрейдов, офигенная сборка, есть только вот 2024 июля поправочка, автопрефиксер не юзается через require, если устанавливать не версию из видео. Переделал сборку на mjs , завелось.
Кайфую, офигенная вечериночка, спасибо !!!
Вадим спасибо за твой труд. +++
Спасибо, в дальнейшем по webpack хотелось бы увидеть видео.
шедеврально
лучший, спасибо тебе! дай бог здоровья !
хотелось бы еще js кода в верстках.
Шедеврально) по ходу появился вопрос зачем вообще нужны svg спрайт, гугл конечно помог, но хотелось бы пару комментариев, или как то дальше показать когда ты используешь
Было бы замечательно увидеть верстку с применением этой сборки😏
Всеми конечностями ЗА...
Сверстай какой-то лендос на этом всем деле будет интересно и думаю полезно посмотреть на это все в деле
Большое спасибо🌺🌺🌺
супер 👍
У кого не работает или неправильно работает avif, webp, imagemin: поставьте версию gulp как у автора в package.json и запустите заново npm i
Привет. А как поставить (можете скинуть)? А то я зеленый и только пытаюсь въехать в галп, повторяя за Вадимом, но на всё выдается такая ошибка: Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\Слава\Desktop\Frontend\gulp-start
ode_modules\gulp-webp\index.js from C:\Users\Слава\Desktop\Frontend\gulp-start\gulpfile.js not supported.
Instead change the require of index.js in C:\Users\Слава\Desktop\Frontend\gulp-start\gulpfile.js to a dynamic import() which is available
in all CommonJS modules.
at Object. (C:\Users\Слава\Desktop\Frontend\gulp-start\gulpfile.js:11:14) {
code: 'ERR_REQUIRE_ESM'
}
Заранее спасибо!
@@SandyWinman у тебя webp бунтует, просто в файле package.json найди webp и измени цифры его версии на те что у Вадима, а после набери команду npm i, чтобы эта версия загрузилась. Рекомендую все плагины ставить с такой же версией как на видео, чтобы проблем не было
@@ksoar8994 я версии всех плагинов точь в точь переписал как у автора. и удалил папку npm_modules с pacakge-lock.json. потом в консоли заново написал npm i. такая ошибка выходит:
42 vulnerabilities (14 moderate, 28 high)
на это все равно? или написать npm audit fix --force?
Если бы я раньше нашёл этот коммент😂😂 так два дня сам тупил сидел, пока версии не поставил те что у Вадима 😅 и все заработало
Красавчик !!
Гений, молодец 👍👌
Шедварительно
Вадим, планируете сделать такие же уроки только с WebPack? Мы очень ждем 🥰🥺
Спасибо большое
просто грузовик лайков(больше одного нельзя)!!!
Ну во-первых, большое тебе спасибо,
Во-вторых , огромное тебе спасибо.
Ты не только профессионал. но и большой молодец👍
Благодарю
Крутая сборка))) Кстати проблему с выгрузкой папки stack решил путем выставления свойства example в значение false (example: false) в таске sprite()
та тогда файл не будет создаваться, наша проблема в том что в билде написано перенесить все html файли в не зависимости от того где находятся
Спасибо!
Дякую за твою працю!
Дякую
Спасибо, познавательно. Будет ли подобный гайд для "vite" ? Нынче тоже набирает популярность, особенно в laravel+vue.js
спасибо тебе огромное
Gulp стал выбивать ошибку: Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. Что делать? Помогитеее
Добрый вечер, я 3-й в комментах с такой проблемой ! Исправлена ли она на патреоне? Формат woff через fonter не конвертируется? выдает Read woff error on OpenSans-Bold.woff - Will just copy file... За сборку спасибо.
Решил проблему?
@@dindin5528 нет не решил, мне пока усечённого сборщика хватит, а уж дальше буду развиваться. Полагаю это не готовый продукт, его задача привлечь внимание к курсам. Но, все равно, автору спасибо.
Дайте ссылку на ролик, где верстаем на данной сборке. Либо, пожалуйста, запишите пример верстки используя данную сборку
Папка stack переносится потому что в building идёт сбор html файлов по всем папкам в папке app, а должен идти только по папке app 😉
Все работает сделал по видео, по пробую сверстать на ней там будет видно что добавить)
А что делать если в шрифтах всё конвертируется, кроме файлов .woff? При попытке конвертнуть .woff в консоли просто пишет "Read woff error on Roboto-Black.woff - Will just copy file" и просто переносит его в папку fonts, а формата .woff2 этого шрифта не появляется
Дякую. Хотелось бы небольшой проект на 3-4 страницы, так что бы компонентно, с gulp, на препроцессоре , с сохранением и работой на Git Hub, а потом натянуьть на wordpress. И вопрос, бывает вообще подходы в верстке когда у тебя верстка изначально максимально гибкая и адаптивная, то есть что бы при адаптиве максимально мало тратить времени?
не опять А СНОВА!! :)
А что делать со спрайтом свг-шным, и в скомпелированой сборке, картинки на странице не отображаться.
Ура🎉🎉🎉
Топчик
Дуже корисне відео
вы обещали в первом видео,показать как объединять несколько джс файлов в один и так и не показали( хотелось бы увидеть
avif не хочет работать, все по видео записал, но не в какую
12:19:53] Starting 'images'...
[12:19:53] 'images' errored after 33 ms
[12:19:53] Error in plugin "gulp-avif"
Message:
Input buffer contains unsupported image format
Details:
domainEmitter: [object Object]
domainThrown: false
Привет, аналогичная ситуация,вышло как-то решить?
Получилось решить проблему и как?
Якщо в когось не конфертуються шрифти або зберігає не в ту папку - то варто встановити "gulp-fonter-unx", оскільки "gulp-fonter" написаний під вінду.
Я пару годин шукав чому ж конвертація шрифтів некоректно працює.
Спасибо, помог
Приветствую всех и в особенности Автора канала
У меня почему то файлы woff не конвертирует в woff2 , а просто переносит оригинал файла.woff в папку fonts
Не пойму что не так, может кто подскажет или сталкивался с подобным?
Я уже подготовил коньячок с кофем для просмотра)))
вот вот, красава
чайник уже поставил😀
Всем доброго времени суток! Столкнулся с проблемой, когда сохраняю картинку в images/src, после чего из папки images беру сконвертированный файл, например webp. На это сервер кидает ошибку 404(not found). Кто-нибудь знает как исправить?
Я разобрался. Там просто не нужно было писать «app/images/имяфайла». Просто пишите «images/имяфайла». Может быть кому-то будет полезно
Позже сделаю, выложу.
Вот такая вечеринка, Вадос
диджей врубай =)
Совершенно необходимо добавить функцию при которой закидываешь файл дизайна из фигмы, нажимаешь кнопку и на выходе сразу получаешь деньги, менуя моменты вёрстки и лишнего общения с клиентом 😂😂😂
наверное папка stack переносится в dist из-за того что в building прописано 'app/**/*.html'
привет есть дискрод? у меня вопрос
точняк, красава, теперь эта сборка станет прекраснее
А как правильно тогда прописать надо?
@@christianspace9700 app/*.html либо оставить как есть но просто добавить исключение !app/images/dist/stack/sprite.stack.html
Підкажіть, будь ласка, як в Prettier вимкнути автозакривання тегів? Не можу поєднати header і footer. Воно закриває header з body в header'i, а потрібно закрити body в footer...
Добрый день. У меня вопрос. Когда делаю адаптив и работаю с медиа файлом, изменения в браузере не происходят. Приходится останавливать GULP, потом опять его запускать и только потом происходят изменения в браузере. Так много времени занимает это все. Не подскажите в чем дело и как это исправить?
media файл это отдельный scss файл?
@@Dedinside05 Да
Скорее всего нужно в этой строчке watch(['app/scss/style.scss'], styles); изменить вот так watch(['app/scss/*.scss'], styles);
@@skatler5741 Заработало, спасибо большое
Сэнсей, нужно взять катану и бахнуть по этой сборке марафон по вёрстке!!!!!!!!!!!!!
Допоможіть, будь ласка
Птання. Як зробити. щоб папка stack зявлялась в папці app/images???? Окремо запускаю таск images, потім sprite, і building і все ок, картинки конвертуються, папка stack, файл sprite.svg створюються і в dist все правильно, але коли запускаю повністю збірку gulp, то в папці app.images картинки конвертуються, sprite.svg файла нема і папки stack нема, але в dist sprite.svg файл є і папка stack не перенеслась)
function building() {
return src([
'app/css/style.min.css',
'!app/images/**/*.html',
'app/images/*.*',
'!app/images/*.svg',
'app/images/sprite.svg',
'app/fonts/*.*',
'app/js/main.min.js',
'app/*.html',
], { base: 'app' })
.pipe(dest('dist'))
}
exports.styles = styles;
exports.images = images;
exports.fonts = fonts;
exports.building = building;
exports.sprite = sprite;
exports.scripts = scripts;
exports.watching = watching;
exports.build = series(cleanDist, building);
exports.default = parallel(styles, images, scripts, watching);
Очень крутая сборка!!! Можно сделать чтобы при добавлении картинки через тег img, в html автоматически прописывалась структура для форматов картинок (avif, webp, img)?
да, можно, снипет записать например
Добродня Вадим! Хотілося би добавити в збірку favicon та про самі favicon подивитися відео від вас в якому форматі і яких розмірів вони повинні бути в 2023 році
Чи є у вас на патріоні макети для практики верстки?
привіт, та я просто не використовую фавікон, вже давно, замість нього використовую просто svg, не бачу сенсу в фавках, тому і в галп без нього
@@sergeytsapliy7071 нажаль немає, але записав як ідею
❣
Круто круто - однозначно топчик, нас услышали!
Ещё бы сборку с таким функционалом на Vite было бы круто , Vite намного быстрее Gulp-а и web-paka. Годных сборок на него нет , гайдов тоже , я свою сборку делал по звёздам ( дока не написана на языке плебса).
Такая сборка на vite - порвала бы русский ютубчик.
Очень интересно узнать у топящих за бандлеры: вы сами-то пробовали сделать сборку банлера какого-нибудь, подходящую для верстки МНОГОСТРАНИЧНИКА?
Не интегрировать ограниченный (js-ом) функционал бандлера в Галп, а именно сделать самостоятельную сборку.
/me пошел за попкорном
@@alext5030 там есть настройка многостраничности и да делаю сейчас на нём многостраничник
@@alext5030 странички только нужно ручками писать, а дальше ложишь на pug
@@alext5030 ну ладно по скорости возмно и так, но пока он шустрее .
@@alext5030 и ещё ты пишешь что вебпак только для spa
тогда поясни чем кроме можно из JS библитеки на 500 модулей вытащить в билд только те что юзаешь
при этом там чисто твои функции, которые ты подменяешь под разные проекты.
чому ти не робив збірку під ES 6 модулі, вони ж не підтримують require
Здаров Вадос, спасибо за сборку, все что ты делаешь для нас это круто, я просто кайфую. Вчера повторял все за тобой, но почему то не работает autoprefixer, закоментировал константу и строчку в функции все остальное снова работает, голову сломал не пойму что за ф-я. Мб префиксер уже не актуален
Вадим в этой сборке почему-то нет примера подключения шрифтов в файле style.scss , ты говорил чтобы мы комментировали то, чего нам не хватает. Вот этого явно не хватает.