Моя сборка для верстки: Gulp + Webpack. Инструмент для ускорения работы верстальщика

Если у вас возникли вопросы, то можете задавать их комментарии, помогу обязательно. Также ставим лайк, если понравилось!

Спасибо за сборку! Отлично все описали! Подскажите, а как настроить генерацию CSS файлов в dist покомпонентно? Чтобы сохранить компонентный подход и дальше в разработке? То есть, чтобы в dist генерились отдельные js и css файлы для каждого компонента?

Боже, зачем вставлять фоновую музыку в такие видео? Отвлекает только

Можете подсказать какую тему вы используете для VS-Code в данном видео?

Salam aleykum qardash🙂

Спасибо большое за то что поделился своей работой Заур.

Неделю уже переделываю свою старую сборку, черпая инфу везде где можно. Наткунлся на ваше видео, почитал гит и вы меня вдохновили на компонентный подход! Это действительно удобно смотрится и интересно! Я ещё в процессе просмотра и чтения вашего видео и гита, но пишу на первых эмоциях) Это действительно круто 😎
Понравилась через терминал команда bem создающая компонент, так напомнило artisan из Laravel
Позаимствую ваши решения для свой сборки - позже поделюсь ради интереса, может я смогу чем то вас удивить)
Хотя все эти сборки, пляски вокруг одно и того же))

Спасибо большое! отличное объяснение, документация и конечно сама сборка👍

Сборка супер! А у Вас есть видео где вы верстаете с помощью данной сборки? Вообще хотелось бы увидеть компонентный подход.

Спасибо за сборку и видео! Еще такой вопрос: как в sass прописать иконку из спрайта .svg / .png для background-image: url(...?

Спасибо!

Добрый день! Мучаюсь с вашей сборкой из-за Pug, тот же Emmet в разы быстрее чем делать это на Pug. Вообще думаю всем интересно было бы посмотреть видео как вы верстаете с этой сборкой, поскольку у меня Pug и разбивка по компонентам в вашей сборке заняла больше времени верстки чем без этого всего. Возможно что-то не так делаю, поэтому и интересно было бы посмотреть как вы верстаете с этим.

Очень классная сборка Заур! Спасибо за труд!
Один совет. В файлах много импортов вида
from '../overlay/overlay'
import './hamburger/hamburger'
можно в папке самого компонента писать главный файл скрипта как index.js и тогда запись импортов будет лаконичнее
from '../overlay'
import './hamburger'
А так вообще классная идея дробить верстку на отдельные блоки, но думаю что дробление можно сделать менее детальным.
Для себя открыл bem-tools-create , буду разбираться в этом инструменте.

Заур, привет! Еще не смотрел, но посмотрю обязательно.

Плохо что нет навигации по видео, я так одним глазом глянул иконочного шрифта у тебя в зборке нет?

Проблема no gulpfile found , при запуске npm run Start

Спасибо, автор. Сборка очень удобная
Только у меня перестали резко отображаться svg иконки(((

не применяются файлы sass, которые находятся внутри папки с компонентом(((

Спасибо!

Думаю не совру что многим будет интересно с phpstorm видео

Видео супер, одна просьба не срк а срси))) не так уши режет, молодец

Только сегодня начал осваивать scss. И понял, что неплохо бы ещё освоить галп/вебпак. В интернете нашёл статью по галпу на Вашем сайте. И неожиданный сюрприз - подробный гайд от Вас же, но уже в свежем видео 😁
Спасибо за столь подробное и хорошее объяснение! :)

Здравствуйте, понравилась сборка, и то что вебпаком скрипты собираются, это замечательно, но тянуть бутстрап и jquery, маленько сомнительно, т.к. я вижу что некоторые js модули написаны с использованием jquery. Сейчас стараются наоборот отойти от использования библиотеки, чтобы не тянуть лишнюю зависимость, и от бутстрапа максимум сетку стоило бы брать, но опять таки, нагромождение классов в html, вместо этого я обычно подключают smart-grid, который позволяет через миксины делать верстку по сетке. В остальном мне понравилось

Уже 10 роликов по Галпу пересмотрел и всё равно он у меня не работает, ошибку выдаёт

Заур, спасибо. Прекрасная сборка. Особо хочу отметит и поблагодарить за толково созданное руководство пользования. Узнал про Pug и компонентный подход, это супер вещи! Хочу задать вопрос: В прописании путей следования к файлам, к примеру до какого либо из компонентов, вы указываете ./components/pagination/pagination , вопрос в следующем: Можно ведь не ставить вначале пути следования точку и слэш, оно будет работать и без них, зачем вы их указываете?