1) Сборку Gulp вы можете скачать в моем Telegram-канале: t.me/+ptcLDf_acOpkYjQy 2) 🔥Поддержать канал можно здесь: www.donationalerts.com/r/coderfolder 3) В видео использую консоль Git Bash, так как она классно подходит для Gulp (быстро работает) и на случай, если вы используете легкий редактор кода без встроенной консоли (например: Sublime Text) 4) Заранее извиняюсь за мелкий шрифт, канал новый, не учел данного нюанса, в следующих видео исправлюсь.
@@ruchnaya_klad_konst здравствуйте, сама сборка в архиве RAR, только что проверил, скачал с моего сайта, всё открывается. Подскажите, в чем именно проблема?
Блин походу это какой то анонимный клуб пострадавших от курса Фрилансера по жизни. Я с вами согласен😂 Но надо признать благодаря его урокам я стал на ноги просто именно галп у него получился сложным.
Вот он клад который я искал) Всё по полочкам! Разбирался 2 дня и вёл конспект для себя, чтобы разобраться) Просто великолепный материал. Буду всем советовать ваш канал! Вы огромный молодец! Удачи в процветании канала👏
Хорошо объяснил принцип работы галпа, собственно только теперь мне стала понятна каждая строчка кода, и что главное, сама сборка, как мне кажется , сделана в классическом стиле, без всяких лишних и непонятных наворотов, тут даже ребенок разберется. Лайк однозначно!
Спасибо за такой крутой отзыв, да, сборка делалась специально без лишних наворотов, оставил всё самое основное и необходимое, это база, на которую можно накатить всё, что угодно, тем более, когда уже понятно, что к чему. Успехов!
Возвращаюсь периодически к вашему видео с момента выхода. С помощью этого курса удалось собрать собственную сборку без ошибок (за понижение версий плагинов отдельное спасибо: например, с версией bootstrap@5.3.3 пришлось помучиться и проблема решилась понижением версии). По Gulp самое точное и подробное видео. Спасибо!
Спасибо большое, очень классно всё объяснили. Наконец-то gulp работает))) Автор, у Вас, очень классно получается объяснять понятным языком. И что лично для меня является важным, Вас хочется слушать))) Успехов)))
Спасибо за сжатый, емкий материал. Очень полезно для НЕ новичков или кто работает с разными сборками. Быстро посмотреть и что то вспомнить для верстки различных проектов, не тратить время на поиски
Очень крутой видеоурок. есть видео о настройке gulp и у других ютуберов, но доступней чем ты никто не объясняет. Хотел уже забросить установку и настройку gulp но наткнувшись на твой видос решил попробовать последний раз))). и у меня получилось. не сразу... потратил на это минимум три дня. без знания js. но я это сделал. Спасибо тебе огромное. могу только догадываться сколько трудов тебе стоило сделать такой видос. Низкий поклон.
Алоха, кодэры!) Автор ты - лучший!!!! Респект тебе и уважуха! Несказанно рад что нашел это видео, оно сэкономило мне уйму времени! Это самый крутой разбор по GULP что я видел, а я много херни пересмотрел) Подписался, надеюсь продолжишь радовать контэнтом!
Все кто застрял на images: В свойствах src и wath объекта path нужно добавить расширение jpg, тк у автора прописан там только jpeg. Также желательно поставь jpg с самого начала, что бы выглядело примерно так: images: srcPath + `assets/images/**/*.{jpg,jpeg,png,svg,gif,webp,ico,xml,json,webmanifest}`,
Спасибо за подробный видос) Мне кажется, проще писать во встроенном терминале VS Code -- не нужно переходить между каталогами и удобно создавать несколько терминалов, + там можно выбрать bash)
Это просто бомбически! Спасибо тебе, добрый человек. Единственное, у меня был двухчасовой затык с тем, что при запуске команды gulp браузер выдавал ошибку, а иногда не выдавал и работал только тогда, когда я руками удаляла папку dist и заново писала команду gulp. А потом на видео заметила, что можно просто перезагрузить браузер🤦♀😂 И оно сработало. Это было облегчение))) Такие видео - это просто подарок, спасибо!
Огромное спасибо за сборку!!! Это именно то, что я искал. Нигде не мог найти как сохранить "красивый" и "минимизированный" файл того же CSS и JS . Да и сама настройка самая понятная из всех. Только 1 момент со стилями, browserSync обновляет index страницу, на другой странице приходится вручную обновлять браузер, чтобы увидеть изменение стилей, хотя при изменении html проблем нет.
Нашел решение проблемы с обновлением стилей в браузере. в css прописано 2 билда (1 для красивого css, 1 для минимизированного), после каждого прописал .pipe(browserSync.reload({stream: true})). И теперь сижу довольный как слон@@coderfolder 🙂
Спасибо большое. Очень кстати свежий видеоконспект. Есть много хороших видеоуроков, но из-за обновлений они уже не актуальны. Хотя на ошибках , наверное, тоже надо учиться...
Пожалуйста, рад, что вам понравилось) безусловно стоит учиться на ошибках, но когда ты начинающий, это очень угнетает, и отбивает желание что-либо делать, тем более, когда ошибки не по твоей вине
Если вас не затруднит, вы на 1:12:30 ввели команду чтобы вывести script файлы в главный main файл. У меня это получаються комментарии, сможете ли вы подсказать альтернативу какую-то, чтобы зароботало(работаю также в VScode)
@@michaelbenett410 проверьте, установлен ли плагин rigger? И прописываете ли вы вот так: // = (то есть через пробел и знак равенства). Должно всё работать
Здравствуйте еще раз:) Вы в сообществе задали вопрос по темам видео. Как подписчик, мне было бы интересно посмотреть ролик по верстке сайта по шаблону(вместе поверстать, без БЭМ, Bootstrap і тд) Так как сам формат очень полезный + популярный, изза новичков которые хотят практиковаться с более опытными ребятами. Был бы очень рад с вами пописать код, если это можно так назвать)0)
приветствую, если будут какие-то трудности и ошибки, не стоит сильно мучаться, вы можете сравнить свою сборку с моей, скачать её можно в моем телеграм: t.me/+ptcLDf_acOpkYjQy
Огромное спасибо за сборку!!! Всегда были проблемы с Gulp. Давно искала хорошую сборку. Единственное (это лично мое мнение) мне было удобнее писать модульно с примением ES6 стандарта. Но это чисто вкусовщина.
Спасибо за видео с подробными объяснениями и саму сборку🤝 Скачал без проблем, всё отлично работает. В сборке присутствует плагин gulp-webp для конвертации изображений в формат webp, который не разбирался в видео. Поделитесь ещё пожалуйста плагинами для минификации и конвертации видео, если пользуетесь. Ещё раз огромное спасибо!!! 😁😁😁
красавчик, ну ты очень хорошо постарался, надеюсь, другим зайдет твой видеоурок, тебе всего хорошего в твоих начинаниях! а я буду наслаждаться и изучать gulp, слушая как ты все объясняешь
у кого не работает "gulp js", нужно: прописать "const rigger = require('gulp-rigger');" в начале файла. Почему-то этого на видео я не видел (или пропустил).
Тоже столкнулась с этим, после просмотра кода, дошло, чего не хватает, исправила, а тут ваш комментарий. Значит не мой косяк))) const rigger = require("gulp-rigger");
А у меня риггер так и не работает. Как писал ошибку, так и пишетю Помоги пожалуйста, я конст прописал, по видео все проверил $ gulp js [16:01:43] Using gulpfile E:\gulp-site\gulpfile.js [16:01:43] Starting 'js'... [16:01:43] 'js' errored after 21 ms [16:01:43] TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object. Received undefined at new NodeError (node:internal/errors:399:5) at Function.from (node:buffer:334:9) at new Buffer (node:buffer:289:17) at E:\gulp-site ode_modules\gulp-rigger\index.js:20:29 at Rigger. (E:\gulp-site ode_modules igger\index.js:719:9) at Rigger.emit (node:events:513:28) at Rigger.emit (node:domain:489:12)
@@kingston131313, мы не можем видеть полностью ваш код, поэтому сложно точно найти ошибку. 1) Посмотрите на константу: const rigger = require("gulp-rigger"); 2) Еще раз посмотрите на правильность написания кода 3) Попробуйте снова установить rigger, возможно пропустили установку: npm i gulp-rigger --save-dev
Спасибо за ценный урок , но есть одна большая просьба : если будете дальше записывать видео , то делайте размер шрифта в vscode больше ! При разделении экрана на две части код который вы пишете нужно рассматривать под лупой , чуть глаза не вылезли пока два часа щурится .
Хорошее объяснение. Лайк. Но на будущее, постарайтесь увеличивать размер шрифта в редакторе и консоли (не удобно читать мелкий шрифт на стандартном разрешении видео).
в видео пропущено создание const rigger = require("gulp-rigger"), выдаст ошибку при запуске gulp js Кто смотрит обратите на это внимание и просто допишите константу
Коменты от студента) в функции function fonts() не было написано как в других функциях .pipe(dest(path.build.fonts)), и без этого шрифты не переносились в папку dist, я дописала. Теперь переносятся шрифты только с расширением woff2, а woff не перенеслись. Но у меня записано вот так fonts: srcPath + "assets/fonts/**/*.{woff2, woff, eot, ttf, svg}" после этого я поменяла местами расширения fonts: srcPath + "assets/fonts/**/*.{woff, woff2, eot, ttf, svg}" и теперь в папку dist переносятся только шрифты с расширением woff. Тоже самое попробовала сделать с png и jpg , та же история выходит. Видимо считывает только первое расширение и на этом все
Олсо , когда автор делает на 1:02:43 запуск css таска , то у него запускается autoprefixer, сделал точно также , но у меня не компилировалось, выдавало dest.on не является функцией. Решение нашел на stackOverflow , нужно прописывать другой autoprefixer , потому что этот не является потоком и там нужно с бубном потанцевать . Лучше просто закоментировать и дальше проходить , если надо , то потом лучше разобраться ))
Спасибо большое за подробный экскурс в gulp! Единственное что хотел спросить, насколько актуально знать фронтендеру галп? Или галп нужен больше для верстальщиков, а для фронтендеров достаточно знать основу?
Добрый вечер! Я считаю, в любом случае фронтендеру знать это не повредит, это автоматизация рутинных задач при разработке frontend-проекта. Конечно, можно и без gulp или webpack, но это дополнительные затраты по времени и удобству, а также скорости загрузки сайта
Интерсная сборка, не увидел на видео подключения плагина rigger, однако в таске вы его прописали, и у вас не выдало ошибку. По поводу подключения блоков и отдельных частей, галп-инклюд как по мне поудобнее будет
Спасибо за отзыв! да, верно, насчет плагина rigger, к сожалению, он был случайно пропущен при монтаже видео, в комментариях писали об этом. Насчёт галп-инклюд, попробую его поиспользовать, спасибо за идею ))
Привет, спасибо большое за этот видео урок. У вас все отлично получилось!!!! Я подписался на вас поставил лайк и посмотрю другие ваши виде. Из установки плагинов у меня выдало ошибки на gulp-autoprefixer и gulp-strip-css-comments. Не знаю почему, буду разбираться, все остальное работает как вы показывали. Спасибо вам!!!
@@coderfolder Спасибо! gulp-autoprefixer и gulp-strip-css-comments - эти плагины выдавали ошибки из за новых версий. Установил версии из видео и все заработало.
Запись нескольких расширений через .{png, jpg, svg} уже не работает, в данном случае возьмётся только расширение png, остальные будут игнорироваться. Если нужно несколько расширений файлов, используйте код *.+(png|jpg|svg)
а по видосу и установки, смотрел видосы других блогеров, онии устанавливали плагины галпа через встроенный терминал вс-кода, что мне показалось проще)) ну это чисто мое мнение, я тут не какой-то там авторитет)
Спасибо огромное, очень для меня своевременно, классно все изложено. У меня такой вопрос, вчера мне ответили, что галп и веб пак, это прошлый век.. Так ли это на самом деле? И еще, нахожусь в самом начале своего пути по верстке, может кто поможет, советами, гугл конечно неплох. но иногда все же наставник просто необходим. Удачи Автору. с меня подписка лайк, и пожалуй поделюсь на стене в VK
Спасибо за такой классный комментарий) я думаю есть более новые инструменты, которые в чем-то лучше, но опять-таки, сообщество у gulp и webpack уже очень большое с годами, поэтому банально разобраться и решить ошибки будет проще
Спасибо за хорошую сборку, у многих она слишком усложнена, трудно поддерживать и обновлять. Для очень крупных проектов возможно сложные сборки и актуальнее, но где они - крупные проекты то)). Но у меня два вопроса: 1) почему забыли такой важный плагин, как gulp-group-css-media-queries ? Он объединяет медиа-запросы и расставляет их в рнужном порядке, очень удобно. И 2) У меня файл style.min.css создается, код красивый, комменты удаляются, но код не минифицирован и не в одну строку. Классы идут сверху вниз, о минификации даже речи нет.
Приветствую, спасибо за отзыв! Моя сборка не претендует на абсолютную полноту и идеал, это лишь каркас и пример, как её собирать, чтобы не было ошибок. Разумеется, gulp содержит огромное количество удобнейших модулей, и каждый может в эту сборку добавить то, что считает для себя удобным и необходимым. Насчет минификации, скорее всего где-то ошибка, у меня всё ок, можете скачать мою сборку в телеграм-канале и сравнить со своей. Желаю вам удачи!
Видео СУПЕР! Спасибо автору! Есть вопрос: "Обжимание" изображений это круто, но гугл частенько ругается, на отсутствие "современных форматов изображений" да и про видео так же ругается... Подскажите, как автоматизировать получение изображений из jpg и png в WEBP ? Слышал, что такое практикуется, но как это реализовать через gulp? Спасибо.
Здравствуйте, есть специальный плагин для webp, вы можете скачать мою сборку в телеграмм, там я добавил обработку изображений webp: t.me/+ptcLDf_acOpkYjQy
Уважаемый автор курса, еще раз убеждаюсь, что сборка супер. Подскажите пожалуйста, как можно решить задачу такую: В SRC/SCSS есть несколько файлов стилей, как можно реализовать что бы style.scss собирал в себя все scss (из SRC/SCSS) , при этом media.scss помещал в низ css? Был ли у вас такой опыт? Спасибо.
Здравствуйте, я просто не очень понимаю смысла в этом, так как препроцессор SCSS для этого и создан, чтобы упрощать жизнь. Можно внутри селектора сразу, прописывать медиа-запрос, относящийся к нему, это очень удобно
@@coderfolder Благодарю за ответ. Смысл вот в чем (по моей задумке): каждый блок страницы, это в src/scss отдельный файл, я могу ошибаться, это было бы удобно в случае каких либо правок (как минимум не надо "партянку" скролить). В идеале, всё по той же задумке в каждом файле scss (он же блок), прописывать медиа запросы, но что бы gulp мог все медиа помещать в самый низ css файла. Вроде бы (в теории) удобно на стадии разработки и для дальнейшего редактирования.
И вам спасибо, очень приятно, когда то, что ты делаешь понятно и полезно другим. Вы очень внимательная, все ошибки в видео нашли)) Насчет удаления файлов после перезапуска, да, clean отработает только после перезапуска проекта. Можно попробовать сделать по-другому, но я думаю, что это будет сильнее нагружать систему, когда каждый раз после любого изменения будет пересобираться весь проект, гораздо проще пересобрать его перед работой (запуском)
есть косяк. rigger при обработке js файла меняет const на let, и если просто написать код в разных файлах то ничего он не соединяет, соединение как на видео показано просто импортом файлом, насколько я понял rigger тут не причем. а вот почему он подставляет let я так и не понял. чтобы я не делал, imagemin не обрабатывает файлы, все время пишет [07:36:23] Starting 'images'... [07:36:23] gulp-imagemin: Minified 0 images [07:36:23] Finished 'images' after 392 ms и файл появляется в dist но он битый и не открывается
Спасибо, автор! Может кто знает, как установить плагин gulp-version-number? Также как остальные? Но для него еще конфигурация есть, не пойму куда ее вписать. Благодарю.
Видео хорошее. Автор молодец. Gulp хрень. JS подключается в подвале, css в head. Это около 30 секунд занимает времени с кружкой пива в одной руке. С колокольни 10 лет стажа верстки. Из полезного префиксер (хотя не нужен особо), обжимальщик изображений (не особо нужен, есть аналоги если прям уж приспичит и диз в фотошопе), чистильщик мусора (?? вы че с мусором css пишете в редакторе ворд?), обжатие html (мем, потом вы как это будете на ЦМс ставить, юзлесс, исключительно для SPA и работу JS по АПИ), scss окей удобно (хотя кто заставляет писать через scss...), минификация js,css (средствами сервера это сделать проще). Но это ладно, самые приколы начинаются тогда, когда вы слайдер сраный типа swiper затрахаетесь подключать с кучей ошибок и гуглежом на сутки, чтобы понять что автор gulp-webpcss плагина обосрался, но нашелся другой чел который выпустил другой плагин gulp-webpcss-fixed где вычистил косяки предыдущего. И добро пожаловать в ад в общем. Вместо того, чтобы делать работу, вы будете заниматься херней с соитиями
здравствуйте, js и css мы подключаем ещё в src. Dist - это сжатый вариант для браузера, он компилируется сам, то есть мы в этом не участвуем. Вся наша работа происходит в исходниках - то есть в папке src
Не работал imagemin, проблема была в том что расширение фото было прописано заглавными буквами, добавил в список PNG... т.е. присутствует чувствительность к регистру
Здравствуйте, спасибо большое за курс) Подскажите пожалуйста, 55:54 после запуска (ошибки исправила) не появилась папка dist , с чем может быть связано
Я уже намучился со всем этим, до того как увидел видео. Да и опять прошел год и все изменилось и gulp уже 5. Ауторъ, у тебя от 2024 в видео только год в названии
Столкнулся с проблемой, Imagemin минимизирует только .png, остальные расширения просто игнорирует, может кто-то сталкивался? Что делать? Уже всё перерепробовал, и другие версии ставил, и перепроверил несколько раз, всё как на видео, но ничего не работает(
первая проверка и сразуже ошибка "Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\AMD\Desktop ew-stack ode_modules\gulp-autoprefixer\index.js from C:\Users\AMD\Desktop ew-stack\gulpfile.js not supported." Я понял что многие пакеты больше не могут быть импортированы с помощью require, надо использовать import
Приветствую, спасибо за отзыв, и то, что написали о поведении плагина на мак ос, пока не знаю решение, надеюсь, получится разобраться. На крайний случай, посмотрите аналоги плагина только для мак
Ребята подскажите уже 2 день не могу понять в чем дело …..все сделано как на видео… но выбивает ошибку Referenceerror:Cannot access sass before initialization…
про плагин sass я говорил в видео, там нужно его отдельно установить на 25:40 . Надеюсь, уже все работает, если же нет , попробуйте скачать мою сборку из телеграм-канала, она рабочая: t.me/+ptcLDf_acOpkYjQy
подскажите пожалуйста почему не отображаются картинки на странице , imagemin работает правильно в консоли пишет что сжал на 50% , но картинки не отображаются при этом видно только alt
Привет, в ролике на 1:46:54 ты рассказывал в скользь про то как сохранять в папку pages html файлы, сделав так (root: srcPath + "pages/",)как ты показал результата не дало(( страницу не видит. Подскажи пожалуйста как решить данный вопрос.
Препроцессоры sass, scss позволяют более удобно и свободно писать css код, например: медиа-запросы для мобилок можно писать не отдельно, а в этот же селектор, и ошибок не будет; можно создавать переменные, менять их в одном месте, а они поменяются во всем файле; так же есть возможность разбивать css файл на части и подключать их по отдельности в любом удобном порядке; и другие бонусы ещё есть, миксины, калькуляция размеров и тд, короче говоря, упрощают работу с css
1) Сборку Gulp вы можете скачать в моем Telegram-канале: t.me/+ptcLDf_acOpkYjQy
2) 🔥Поддержать канал можно здесь: www.donationalerts.com/r/coderfolder
3) В видео использую консоль Git Bash, так как она классно подходит для Gulp (быстро работает) и на случай, если вы используете легкий редактор кода без встроенной консоли (например: Sublime Text)
4) Заранее извиняюсь за мелкий шрифт, канал новый, не учел данного нюанса, в следующих видео исправлюсь.
Добрый день! Спасибо за видео! и четкое объяснение - для чего это надо) к сожалению файл не открывается(
@@ruchnaya_klad_konst здравствуйте, сама сборка в архиве RAR, только что проверил, скачал с моего сайта, всё открывается. Подскажите, в чем именно проблема?
Подскажите пожалуйста в чем тут дело:
function fonts() {
return src(path.src.fonts, { base: srcPath + "assets/fonts/" })
}
function clean() {
return del(path.clean)
}
const build = gulp.series(clean, gulp.parallel(html, css, js, images, fonts));
exports.html = html
exports.css = css
exports.js = js
exports.images = images
exports.fonts = fonts
exports.clean = clean
exports.build = build
$ gulp build
ReferenceError: gulp is not defined
at Object. (D:\gulp-site\gulpfile.js:112:15)
at Module._compile (node:internal/modules/cjs/loader:1218:14)
at Module._extensions..js (node:internal/modules/cjs/loader:1272:10)
at Module.load (node:internal/modules/cjs/loader:1081:32)
at Module._load (node:internal/modules/cjs/loader:922:12)
at Module.require (node:internal/modules/cjs/loader:1105:19)
at require (node:internal/modules/cjs/helpers:103:18)
at requireOrImport (C:\Users\Анна\AppData\Roaming
pm
ode_modules\gulp-cli\lib\shared
equire-or-import.js:19:11)
at execute (C:\Users\Анна\AppData\Roaming
pm
ode_modules\gulp-cli\lib\versioned\^4.0.0\index.js:37:3)
at Liftoff.handleArguments (C:\Users\Анна\AppData\Roaming
pm
ode_modules\gulp-cli\index.js:211:24)
Coder Folder такого канала в телеграмме нет??????
@@СергІйХомутовський-ш9х канал есть, но он приватный, вот ссылка t.me/+XdAznJ88P20zZWRi
даже у "Фрилансера по жизни " не на столько понятно и доходчиво )) мучался с ошибками , теперь всё ясно !
полностью согласен. я не смог по его уроку настроить gulp. а по этому уроку смог)
у меня такая же проблема с "Фрилансером по жизни", постоянные ошибки и сбои.
Блин походу это какой то анонимный клуб пострадавших от курса Фрилансера по жизни.
Я с вами согласен😂
Но надо признать благодаря его урокам я стал на ноги просто именно галп у него получился сложным.
Как раз у него все понятно. А тут есть недостатки. Но это может потому что опыт уже есть.
Хоть я и ругал тебя всю дорогу за мелкий шрифт, но сборка (и её копия на другом проекте) работает! Спасибо!
Вот он клад который я искал)
Всё по полочкам! Разбирался 2 дня и вёл конспект для себя, чтобы разобраться) Просто великолепный материал. Буду всем советовать ваш канал! Вы огромный молодец! Удачи в процветании канала👏
Благодарю за тёплый отзыв) Моя сборка, есть в телеграмме, ссылка в закрепленном комменте, всегда можно сравнить, если вдруг ошибки
@@coderfolder огромное спасибо! И респект)
Хорошо объяснил принцип работы галпа, собственно только теперь мне стала понятна каждая строчка кода, и что главное, сама сборка, как мне кажется , сделана в классическом стиле, без всяких лишних и непонятных наворотов, тут даже ребенок разберется. Лайк однозначно!
Спасибо за такой крутой отзыв, да, сборка делалась специально без лишних наворотов, оставил всё самое основное и необходимое, это база, на которую можно накатить всё, что угодно, тем более, когда уже понятно, что к чему. Успехов!
@@coderfolder кстати, заметил, что autoprefixer похоже не настроен, надо было внутрь параметры передать, он не работает
Низкий поклон за Вашу работу! Успехов и процветания!!!
Возвращаюсь периодически к вашему видео с момента выхода. С помощью этого курса удалось собрать собственную сборку без ошибок (за понижение версий плагинов отдельное спасибо: например, с версией bootstrap@5.3.3 пришлось помучиться и проблема решилась понижением версии). По Gulp самое точное и подробное видео. Спасибо!
Хоть одно адекватное объяснение на ютубе. Спасибо за видео, так держать!
Спасибо за такой комментарий, удачи в обучении!
@@coderfolder Консоль говорит, что команду не найдена, почему ?
Спасибо большое, очень классно всё объяснили. Наконец-то gulp работает)))
Автор, у Вас, очень классно получается объяснять понятным языком.
И что лично для меня является важным, Вас хочется слушать)))
Успехов)))
Спасибо огромное за такой приятный комментарий, безумно мотивируете снимать дальше)
Божечки-кошечки, как же ты объясняешь, мил человек. Кланяюсь в ноги. Не переставай только, делись знаниями своими великими 😍
Спасибо за сжатый, емкий материал. Очень полезно для НЕ новичков или кто работает с разными сборками. Быстро посмотреть и что то вспомнить для верстки различных проектов, не тратить время на поиски
Консоль говорит, что команду не найдена, почему ?
Подписка, лайк и все остальное!!! Ценим и уважаем ваш труд! Продолжайте! Это очень качественный контент простыми, понятными словами!
Спасибо, очень рад, что вам понравилась моя подача материала, безумно мотивируете двигаться дальше!
@@coderfolder Еще, сама сборка доступно разложена и написана по порядку. Просто я сравниваю с «Фрилансером по жизни», если знаете.
Очень крутой видеоурок. есть видео о настройке gulp и у других ютуберов, но доступней чем ты никто не объясняет. Хотел уже забросить установку и настройку gulp но наткнувшись на твой видос решил попробовать последний раз))). и у меня получилось. не сразу... потратил на это минимум три дня. без знания js. но я это сделал. Спасибо тебе огромное. могу только догадываться сколько трудов тебе стоило сделать такой видос. Низкий поклон.
Алоха, кодэры!)
Автор ты - лучший!!!! Респект тебе и уважуха!
Несказанно рад что нашел это видео, оно сэкономило мне уйму времени! Это самый крутой разбор по GULP что я видел, а я много херни пересмотрел)
Подписался, надеюсь продолжишь радовать контэнтом!
Спасибо за такой теплый отзыв, безумно приятно слышать :3
Все кто застрял на images: В свойствах src и wath объекта path нужно добавить расширение jpg, тк у автора прописан там только jpeg. Также желательно поставь jpg с самого начала, что бы выглядело примерно так: images:
srcPath +
`assets/images/**/*.{jpg,jpeg,png,svg,gif,webp,ico,xml,json,webmanifest}`,
а тебя импортирует png? у меня именно png почему-то игнорит..
@@КостяПироженкоПроверь у картинки расширение написано верхнем регистре , если да просто переведи в нижний
Svg не перекидывается.можете помочь?
Спасибо за подробный видос)
Мне кажется, проще писать во встроенном терминале VS Code -- не нужно переходить между каталогами и удобно создавать несколько терминалов, + там можно выбрать bash)
Топово, реально
С начала пика js прошло 3 года, по старым видосам сложно настраивать
А тут свежак огонь❤
Это просто бомбически! Спасибо тебе, добрый человек. Единственное, у меня был двухчасовой затык с тем, что при запуске команды gulp браузер выдавал ошибку, а иногда не выдавал и работал только тогда, когда я руками удаляла папку dist и заново писала команду gulp. А потом на видео заметила, что можно просто перезагрузить браузер🤦♀😂 И оно сработало. Это было облегчение))) Такие видео - это просто подарок, спасибо!
И вам спасибо за такой тёплый комментарий, желаю удачи в обучении)
Огромное спасибо за сборку!!!
Это именно то, что я искал. Нигде не мог найти как сохранить "красивый" и "минимизированный" файл того же CSS и JS .
Да и сама настройка самая понятная из всех.
Только 1 момент со стилями, browserSync обновляет index страницу, на другой странице приходится вручную обновлять браузер, чтобы увидеть изменение стилей, хотя при изменении html проблем нет.
спасибо за такой крутой отзыв, рад помочь)
Нашел решение проблемы с обновлением стилей в браузере.
в css прописано 2 билда (1 для красивого css, 1 для минимизированного), после каждого прописал .pipe(browserSync.reload({stream: true})).
И теперь сижу довольный как слон@@coderfolder 🙂
Спасибо тебе за проделанную работу, за твой труд, видео очень подробное и понятное.
Свежий обзор галпа, информативно, лайк))
Спасибо! Только сегодня столкнулся с проблемой с плагином del. Пол дня голову ломал и форумы читал
Пожалуйста) очень рад, что смог вам помочь!
Спасибо большое. Очень кстати свежий видеоконспект. Есть много хороших видеоуроков, но из-за обновлений они уже не актуальны. Хотя на ошибках , наверное, тоже надо учиться...
Пожалуйста, рад, что вам понравилось) безусловно стоит учиться на ошибках, но когда ты начинающий, это очень угнетает, и отбивает желание что-либо делать, тем более, когда ошибки не по твоей вине
чувак ты красавчик!! продолжай в том же духе! буду тебя смотреть, так как изучаю верстку а в последующем буду учиться на фронэнэд
Спасибо за такой коммент, безумно приятно слышать!)
Спасибо, все понятно, детально, шрифт мелковато, но стоило все посмотреть, gulp хорошая штука, я все откладывал его изучение. 🚀
Спасибо) да, со шрифтом накосячил, исправлюсь
Крутотень, весь ютуб пересмотрел и только у тебя понятно что к чему. Вот бы ещё по Webpack
Скоро будет, подписывайтесь, чтобы не пропустить)
@@coderfolder Ваааау!!! Подписался однозначно
Большое спасибо за такой большой и подробный курс, реально спасибо. Удачи во всех начинаниях
пожалуйста) подписывайтесь, много полезного контента по разработке готовлю в ближайшем будущем
Если вас не затруднит, вы на 1:12:30 ввели команду чтобы вывести script файлы в главный main файл. У меня это получаються комментарии, сможете ли вы подсказать альтернативу какую-то, чтобы зароботало(работаю также в VScode)
@@michaelbenett410 проверьте, установлен ли плагин rigger? И прописываете ли вы вот так: // = (то есть через пробел и знак равенства). Должно всё работать
Спасибо, ты крут:3
Здравствуйте еще раз:) Вы в сообществе задали вопрос по темам видео. Как подписчик, мне было бы интересно посмотреть ролик по верстке сайта по шаблону(вместе поверстать, без БЭМ, Bootstrap і тд) Так как сам формат очень полезный + популярный, изза новичков которые хотят практиковаться с более опытными ребятами. Был бы очень рад с вами пописать код, если это можно так назвать)0)
.pipe(dest(path.build.fonts)) нужно добавить fonts для того что бы локальные шрифты перекидывались dist
да, верно, в видео забыл, спасибо за грамотное замечание!
Очень круто! Ты молодец , очень доступно объяснил 👍👍👍
Выражаю респект тем новичкам которые собрали gulp с первого раза >_
Ну что я дошёл до проверки Tack проверки в Git Bash и в итоге ошибки какие то в скрипте. На сегодня хватит вернусь завтра со свежей головой.
приветствую, если будут какие-то трудности и ошибки, не стоит сильно мучаться, вы можете сравнить свою сборку с моей, скачать её можно в моем телеграм: t.me/+ptcLDf_acOpkYjQy
Спасибо большое, у меня были все ошибки, но благодаря им я научилась гуглить на английском, познакомилась с stackoverflow
Огромное спасибо за сборку!!! Всегда были проблемы с Gulp. Давно искала хорошую сборку. Единственное (это лично мое мнение) мне было удобнее писать модульно с примением ES6 стандарта. Но это чисто вкусовщина.
Спасибо большое за отзыв) Есть повод выпустить обновление курса в будущем, на ES6 стандарте🤔
Спасибо за видео с подробными объяснениями и саму сборку🤝 Скачал без проблем, всё отлично работает. В сборке присутствует плагин gulp-webp для конвертации изображений в формат webp, который не разбирался в видео. Поделитесь ещё пожалуйста плагинами для минификации и конвертации видео, если пользуетесь. Ещё раз огромное спасибо!!! 😁😁😁
Огромное спасибо за такую работу! Многое стало понятно. Успехов в развитии канала, ждём новых тем))
Спасибо огромное)
Боже, тип, спасибо тебе за это. Заслуженная подписка
красавчик, ну ты очень хорошо постарался, надеюсь, другим зайдет твой видеоурок, тебе всего хорошего в твоих начинаниях! а я буду наслаждаться и изучать gulp, слушая как ты все объясняешь
спасибо за такой комментарий) безумно рад, что нравится моё объяснение
очень помогаешь и мне и другим понять что и как!
очень рад, что смог доступно объяснить материал, для меня - это лучший комплимент :)
Огромное спасибо за ваш труд!!! Очень помогли в изучении Gulp.
Пожалуйста ;)
Спасибо. Ты крутой ;)
у кого не работает "gulp js", нужно:
прописать "const rigger = require('gulp-rigger');" в начале файла.
Почему-то этого на видео я не видел (или пропустил).
Тоже столкнулась с этим, после просмотра кода, дошло, чего не хватает, исправила, а тут ваш комментарий. Значит не мой косяк)))
const rigger = require("gulp-rigger");
А у меня риггер так и не работает. Как писал ошибку, так и пишетю Помоги пожалуйста, я конст прописал, по видео все проверил
$ gulp js
[16:01:43] Using gulpfile E:\gulp-site\gulpfile.js
[16:01:43] Starting 'js'...
[16:01:43] 'js' errored after 21 ms
[16:01:43] TypeError [ERR_INVALID_ARG_TYPE]: The first argument must be of type string or an instance of Buffer, ArrayBuffer, or Array or an Array-like Object. Received undefined
at new NodeError (node:internal/errors:399:5)
at Function.from (node:buffer:334:9)
at new Buffer (node:buffer:289:17)
at E:\gulp-site
ode_modules\gulp-rigger\index.js:20:29
at Rigger. (E:\gulp-site
ode_modules
igger\index.js:719:9)
at Rigger.emit (node:events:513:28)
at Rigger.emit (node:domain:489:12)
@@kingston131313, мы не можем видеть полностью ваш код, поэтому сложно точно найти ошибку. 1) Посмотрите на константу: const rigger = require("gulp-rigger"); 2) Еще раз посмотрите на правильность написания кода 3) Попробуйте снова установить rigger, возможно пропустили установку: npm i gulp-rigger --save-dev
у меня к сожалению тоже rigger не работает. Константу rigger прописал
@@kingston131313 тоже самое все перепроверил , все равно ошибка
Спасибо за ценный урок , но есть одна большая просьба : если будете дальше записывать видео , то делайте размер шрифта в vscode больше ! При разделении экрана на две части код который вы пишете нужно рассматривать под лупой , чуть глаза не вылезли пока два часа щурится .
Большое спасибо!
Огромное спасибо за сборку!!!
Пожалуйста ☺️
Хорошее объяснение. Лайк. Но на будущее, постарайтесь увеличивать размер шрифта в редакторе и консоли (не удобно читать мелкий шрифт на стандартном разрешении видео).
Чел, спасибо большое за гайд!
А то я в своё время тоже намучался с imagemin и del
Пожалуйста! Рад был помочь :)
Спасибо за ролик!
Вы лучший!
Спасибо, взаимно)
кайф, спасибо за контент! подписался!
благодарю 🙏
Спасибо за сборку 🙃
Можешь пожалуйста шрифт в vs code делать побольше?
Спасибо тебе большое,очень помог .Желаю тебе успехов и удачи
Спасибо за отзыв, взаимно!
спасибо за видео. все работает
пожалуйста) приятно, что моё объяснение оказалось понятным и полезным
Дякую за годний контент!!!!
И вам спасибо, за отзыв)
благодарю за урок
Пожалуйста)
Спасибо за крутой урок
Пожалуйста)
Спасибо огромное, очень круто :)
Пожалуйста)
Крутая сборка бро_удачи в начинаниях в ютубе
большое спасибо! и тебе желаю успехов в освоении этого дела)
Спасибо огромное!!! Ждем обновление с webpack
годнота, новичкам самое то!
Здравствуйте. За видео спасибо. Так же хорошо было бы добавить компиляцию typescript в js.
Судя по документации там не всё так просто.
Добрый день, спасибо за отзыв, в ближайшем будущем планируется множество уроков на тематику веб-разработки, подписывайтесь
в видео пропущено создание const rigger = require("gulp-rigger"), выдаст ошибку при запуске gulp js
Кто смотрит обратите на это внимание и просто допишите константу
Да, верно
спасибо бро как раз у меня эта ошибка
Очень хорошее видео. Спасибо
Пожалуйста ☺️ Благодарю за отзыв!
Супер, очень помогло
Спасибо за отзыв)
Лайкнул 10 раз!
Коменты от студента) в функции function fonts() не было написано как в других функциях .pipe(dest(path.build.fonts)), и без этого шрифты не переносились в папку dist, я дописала. Теперь переносятся шрифты только с расширением woff2, а woff не перенеслись. Но у меня записано вот так fonts: srcPath + "assets/fonts/**/*.{woff2, woff, eot, ttf, svg}" после этого я поменяла местами расширения
fonts: srcPath + "assets/fonts/**/*.{woff, woff2, eot, ttf, svg}" и теперь в папку dist переносятся только шрифты с расширением woff.
Тоже самое попробовала сделать с png и jpg , та же история выходит. Видимо считывает только первое расширение и на этом все
может там вместо фигурных скобок квадратные поставить?
@@alexanderpooh4015 попробую)
@@НатальяТулякова-п5д пробовали квадратные?
@@AntonioBenderas пока нет, у меня работает, я пробелы лишние удалила, проект закончу и вернусь к этой теме
в path > src > в images и fonts убрал пробелы после запятых где перечисляются форматы в фигурных скобках и все заработало
помог, лайк
Олсо , когда автор делает на 1:02:43 запуск css таска , то у него запускается autoprefixer, сделал точно также , но у меня не компилировалось, выдавало dest.on не является функцией. Решение нашел на stackOverflow , нужно прописывать другой autoprefixer , потому что этот не является потоком и там нужно с бубном потанцевать . Лучше просто закоментировать и дальше проходить , если надо , то потом лучше разобраться ))
согласен, ошибки эти - геморрой ещё тот, проще либо забить и найти аналог, либо откатить версию на более старую
Спасибо большое за подробный экскурс в gulp! Единственное что хотел спросить, насколько актуально знать фронтендеру галп? Или галп нужен больше для верстальщиков, а для фронтендеров достаточно знать основу?
Добрый вечер! Я считаю, в любом случае фронтендеру знать это не повредит, это автоматизация рутинных задач при разработке frontend-проекта. Конечно, можно и без gulp или webpack, но это дополнительные затраты по времени и удобству, а также скорости загрузки сайта
Интерсная сборка,
не увидел на видео подключения плагина rigger, однако в таске вы его прописали, и у вас не выдало ошибку.
По поводу подключения блоков и отдельных частей, галп-инклюд как по мне поудобнее будет
Спасибо за отзыв! да, верно, насчет плагина rigger, к сожалению, он был случайно пропущен при монтаже видео, в комментариях писали об этом. Насчёт галп-инклюд, попробую его поиспользовать, спасибо за идею ))
@@coderfolder там два варианта есть, gulp-include и gulp-file-include (я обычно второй использую, он легче и понятнее)
@@MelkoR4111 благодарю за ответ!
Привет, спасибо большое за этот видео урок. У вас все отлично получилось!!!! Я подписался на вас поставил лайк и посмотрю другие ваши виде. Из установки плагинов у меня выдало ошибки на gulp-autoprefixer и gulp-strip-css-comments. Не знаю почему, буду разбираться, все остальное работает как вы показывали. Спасибо вам!!!
Спасибо огромное за такой отзыв, успехов вам!!!
@@coderfolder Спасибо! gulp-autoprefixer и gulp-strip-css-comments - эти плагины выдавали ошибки из за новых версий. Установил версии из видео и все заработало.
@@illiabulgakov2013 отлично! спасибо большое за комментарий, учту данные плагины
скажите пожалуйста как переустановить а то у меня 2 плагина 8.0.0 и 9.0.0
я просто не знаю как удалить
Запись нескольких расширений через .{png, jpg, svg} уже не работает, в данном случае возьмётся только расширение png, остальные будут игнорироваться. Если нужно несколько расширений файлов, используйте код *.+(png|jpg|svg)
Классное замечание, возьму на заметку, правда, не знаю, насколько это верно, нужно проверить документацию
it's amazing
а по видосу и установки, смотрел видосы других блогеров, онии устанавливали плагины галпа через встроенный терминал вс-кода, что мне показалось проще)) ну это чисто мое мнение, я тут не какой-то там авторитет)
Гит баш - невероятно быстрый, по сравнению со встроенным в vscode и другими терминалами, подписчикам - даю только самую годную инфу!
Спасибо огромное, очень для меня своевременно, классно все изложено. У меня такой вопрос, вчера мне ответили, что галп и веб пак, это прошлый век.. Так ли это на самом деле? И еще, нахожусь в самом начале своего пути по верстке, может кто поможет, советами, гугл конечно неплох. но иногда все же наставник просто необходим. Удачи Автору. с меня подписка лайк, и пожалуй поделюсь на стене в VK
Спасибо за такой классный комментарий) я думаю есть более новые инструменты, которые в чем-то лучше, но опять-таки, сообщество у gulp и webpack уже очень большое с годами, поэтому банально разобраться и решить ошибки будет проще
Спасибо за хорошую сборку, у многих она слишком усложнена, трудно поддерживать и обновлять. Для очень крупных проектов возможно сложные сборки и актуальнее, но где они - крупные проекты то)). Но у меня два вопроса: 1) почему забыли такой важный плагин, как gulp-group-css-media-queries ? Он объединяет медиа-запросы и расставляет их в рнужном порядке, очень удобно. И 2) У меня файл style.min.css создается, код красивый, комменты удаляются, но код не минифицирован и не в одну строку. Классы идут сверху вниз, о минификации даже речи нет.
Приветствую, спасибо за отзыв! Моя сборка не претендует на абсолютную полноту и идеал, это лишь каркас и пример, как её собирать, чтобы не было ошибок. Разумеется, gulp содержит огромное количество удобнейших модулей, и каждый может в эту сборку добавить то, что считает для себя удобным и необходимым. Насчет минификации, скорее всего где-то ошибка, у меня всё ок, можете скачать мою сборку в телеграм-канале и сравнить со своей. Желаю вам удачи!
Видео СУПЕР!
Спасибо автору!
Есть вопрос:
"Обжимание" изображений это круто, но гугл частенько ругается, на отсутствие "современных форматов изображений" да и про видео так же ругается...
Подскажите, как автоматизировать получение изображений из jpg и png в WEBP ?
Слышал, что такое практикуется, но как это реализовать через gulp?
Спасибо.
Здравствуйте, есть специальный плагин для webp, вы можете скачать мою сборку в телеграмм, там я добавил обработку изображений webp: t.me/+ptcLDf_acOpkYjQy
Уважаемый автор курса, еще раз убеждаюсь, что сборка супер.
Подскажите пожалуйста, как можно решить задачу такую:
В SRC/SCSS есть несколько файлов стилей, как можно реализовать что бы style.scss собирал в себя все scss (из SRC/SCSS) , при этом media.scss помещал в низ css? Был ли у вас такой опыт?
Спасибо.
Здравствуйте, я просто не очень понимаю смысла в этом, так как препроцессор SCSS для этого и создан, чтобы упрощать жизнь. Можно внутри селектора сразу, прописывать медиа-запрос, относящийся к нему, это очень удобно
@@coderfolder Благодарю за ответ.
Смысл вот в чем (по моей задумке): каждый блок страницы, это в src/scss отдельный файл, я могу ошибаться, это было бы удобно в случае каких либо правок (как минимум не надо "партянку" скролить).
В идеале, всё по той же задумке в каждом файле scss (он же блок), прописывать медиа запросы, но что бы gulp мог все медиа помещать в самый низ css файла.
Вроде бы (в теории) удобно на стадии разработки и для дальнейшего редактирования.
💥💥💥
❤️
Автору спасибо) все получилось. Только файлы не нужные эта сборка удаляет только после перезапуска. В виде заметила, что у вас тоже copy.html был
И вам спасибо, очень приятно, когда то, что ты делаешь понятно и полезно другим. Вы очень внимательная, все ошибки в видео нашли)) Насчет удаления файлов после перезапуска, да, clean отработает только после перезапуска проекта. Можно попробовать сделать по-другому, но я думаю, что это будет сильнее нагружать систему, когда каждый раз после любого изменения будет пересобираться весь проект, гораздо проще пересобрать его перед работой (запуском)
есть косяк. rigger при обработке js файла меняет const на let, и если просто написать код в разных файлах то ничего он не соединяет, соединение как на видео показано просто импортом файлом, насколько я понял rigger тут не причем. а вот почему он подставляет let я так и не понял.
чтобы я не делал, imagemin не обрабатывает файлы, все время пишет
[07:36:23] Starting 'images'...
[07:36:23] gulp-imagemin: Minified 0 images
[07:36:23] Finished 'images' after 392 ms
и файл появляется в dist но он битый и не открывается
Спасибо, автор! Может кто знает, как установить плагин gulp-version-number? Также как остальные? Но для него еще конфигурация есть, не пойму куда ее вписать. Благодарю.
Подскажите, почему когда создаю новый файл css или любой другой, то в dist этот файл не создается.
Видео хорошее. Автор молодец. Gulp хрень. JS подключается в подвале, css в head. Это около 30 секунд занимает времени с кружкой пива в одной руке. С колокольни 10 лет стажа верстки. Из полезного префиксер (хотя не нужен особо), обжимальщик изображений (не особо нужен, есть аналоги если прям уж приспичит и диз в фотошопе), чистильщик мусора (?? вы че с мусором css пишете в редакторе ворд?), обжатие html (мем, потом вы как это будете на ЦМс ставить, юзлесс, исключительно для SPA и работу JS по АПИ), scss окей удобно (хотя кто заставляет писать через scss...), минификация js,css (средствами сервера это сделать проще). Но это ладно, самые приколы начинаются тогда, когда вы слайдер сраный типа swiper затрахаетесь подключать с кучей ошибок и гуглежом на сутки, чтобы понять что автор gulp-webpcss плагина обосрался, но нашелся другой чел который выпустил другой плагин gulp-webpcss-fixed где вычистил косяки предыдущего. И добро пожаловать в ад в общем. Вместо того, чтобы делать работу, вы будете заниматься херней с соитиями
Спасибо за видео. Возник вопрос...как подключить js к html. Подключать js нужно же с dist?
здравствуйте, js и css мы подключаем ещё в src. Dist - это сжатый вариант для браузера, он компилируется сам, то есть мы в этом не участвуем. Вся наша работа происходит в исходниках - то есть в папке src
Почему появляется такая ошибка: gulp-notify: [JS Error] Error: Invalid assignment? как её исправить??
Не работал imagemin, проблема была в том что расширение фото было прописано заглавными буквами, добавил в список PNG... т.е. присутствует чувствительность к регистру
спасибо за замечание, думаю многим будет полезно!)
Здравствуйте, спасибо большое за курс)
Подскажите пожалуйста, 55:54 после запуска (ошибки исправила) не появилась папка dist , с чем может быть связано
у меня не запускаесться функция html
здравствуйте, скорее всего могли что-то недописать, попробуйте скачать мою сборку из телеграм-канала, она рабочая: t.me/+ptcLDf_acOpkYjQy
@@coderfolder На счёт меня
Типичная не внимательность я в место require в нескольких местах написал reguire.
Кстати сборочка кстати будет спасибо
@@КассакСаккас да, пожалуйста)
Почему просто не заюзать Vite и не париться ?
Я уже намучился со всем этим, до того как увидел видео. Да и опять прошел год и все изменилось и gulp уже 5. Ауторъ, у тебя от 2024 в видео только год в названии
добрый вечер! так используйте gulp 4, в чем проблема
@@coderfolder На это я пойтить не могу. Прогресс должен быть! Даже если он ущербный. Если зажигают Gulp5 значит это кому-нибудь нужно...
Столкнулся с проблемой, Imagemin минимизирует только .png, остальные расширения просто игнорирует, может кто-то сталкивался? Что делать?
Уже всё перерепробовал, и другие версии ставил, и перепроверил несколько раз, всё как на видео, но ничего не работает(
Попробуйте скачать мою сборку из телеграмм канала в закреплённом комментарии
@@coderfolder работает, спасибо
первая проверка и сразуже ошибка "Error [ERR_REQUIRE_ESM]: require() of ES Module C:\Users\AMD\Desktop
ew-stack
ode_modules\gulp-autoprefixer\index.js from C:\Users\AMD\Desktop
ew-stack\gulpfile.js not supported." Я понял что многие пакеты больше не могут быть импортированы с помощью require, надо использовать import
Всё супер! Единственное на mac os gulp notify не отрабатывает. Скачал сборку автора, также ошибка не выводится. Кто сталкивался ?
Приветствую, спасибо за отзыв, и то, что написали о поведении плагина на мак ос, пока не знаю решение, надеюсь, получится разобраться. На крайний случай, посмотрите аналоги плагина только для мак
Отличный курс! Но глаза сломал напрочь. Масштаб слишком маленький!!! + Зрение плохое = Глаза вышли из чата(
Спасибо за комментарий и замечание, масштаб в следующих видео исправлю!
Ребята подскажите уже 2 день не могу понять в чем дело …..все сделано как на видео… но выбивает ошибку Referenceerror:Cannot access sass before initialization…
про плагин sass я говорил в видео, там нужно его отдельно установить на 25:40 . Надеюсь, уже все работает, если же нет , попробуйте скачать мою сборку из телеграм-канала, она рабочая: t.me/+ptcLDf_acOpkYjQy
Почему выскакивает task never defined: default? Вроде все установил как надо.
скорее всего что-то забыли настроить, попробуйте скачать мою сборку из телеграм-канала, она рабочая: t.me/+ptcLDf_acOpkYjQy
подскажите пожалуйста почему не отображаются картинки на странице , imagemin работает правильно в консоли пишет что сжал на 50% , но картинки не отображаются при этом видно только alt
а все решил, путь неправильно пропимал
@@ТОЛЬКОПОБЕЗДОРОЖЬЮ как ты решил я вроде все правильно указываю но все равно не работает 100 раз проверил
Привет, в ролике на 1:46:54 ты рассказывал в скользь про то как сохранять в папку pages html файлы, сделав так (root: srcPath + "pages/",)как ты показал результата не дало(( страницу не видит. Подскажи пожалуйста как решить данный вопрос.
поздно однако я увидел... ну да ладно, можно попробовать указать srcPath = "strc/pages", и тогда он будет там искать ваши страницы
Почему то все написал правильно, вызов html работает, а вот css запускается и ничего не делает. В чем проблема может быть?
Я уже исправил, папку scss не так назвал :). Назвал вместо scss - sccs. Забыл комментарий удалить.
А предпроцессоры для CSS не подходит? Просто так и не понял зачем он нужен)
Препроцессоры sass, scss позволяют более удобно и свободно писать css код, например: медиа-запросы для мобилок можно писать не отдельно, а в этот же селектор, и ошибок не будет; можно создавать переменные, менять их в одном месте, а они поменяются во всем файле; так же есть возможность разбивать css файл на части и подключать их по отдельности в любом удобном порядке; и другие бонусы ещё есть, миксины, калькуляция размеров и тд, короче говоря, упрощают работу с css
GitBash для виндоус если правильно понимаю, а для макОс?
Для мак она тоже есть
Как быть с REACT в этой сборке ?