Тёмный

Изучение WEBPACK за час в одном видео! Настройка и работа с Webpack 

Гоша Дударь
Подписаться 883 тыс.
Просмотров 26 тыс.
50% 1

Представляю вам большой урок по изучению сборщика Webpack. В ходе уроков для начинающих вы с нуля научитесь работать с Webpack. Вы изучите все основные концепции данной технологии и научитесь применять их на практике.
✅ Полезные ссылки:
- Курс по Gulp: itproger.com/course/gulp
- Программа Visual Studio: code.visualstudio.com/
- Node JS: nodejs.org/
⏰ Тайм-коды:
00:00 - Начало
00:32 - Информация про Webpack
01:08 - Где применяется Webpack?
02:00 - Gulp и Webpack
02:18 - Что необходимо знать?
02:53 - Установка всего необходимого
03:24 - Настройка проекта
05:22 - Основные файлы
10:23 - Сборка проекта
20:45 - Локальный сервер
25:43 - Работа со стилями. Препроцессор SASS
30:56 - Работа с изображениями
36:31 - HTML плагин
47:05 - Заключительная часть
✔ Сообщество программистов: itproger.com/
✔ -------------
Вступай в группу Вк - prog_life 🚀
Группа FaceBook - goo.gl/XW0aaP
Инстаграм itProger: / itproger_official
Instagram: / gosha_dudar
Telegram: t.me/itProger_official
Twitter - / goshadudar
- Уроки от #GoshaDudar 👨🏼‍💻
- Все уроки по хештегу #goshaLessons

Опубликовано:

 

12 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 46   
@user-xt4hp4vw5s
@user-xt4hp4vw5s Год назад
Спасибо за видео. Без лишних сложностей, для начинающих, то что нужно. И еще здорово, что без резины, четко, коротко. Но понятно.
@user-sc9vz2xq6c
@user-sc9vz2xq6c Год назад
Лучший урок по Webpack на всем ютубе.Спасибо!
@nikoni1444
@nikoni1444 Год назад
Где скомпилированный файл style.css??? Почему не показали самое важное???
@reginapopova3062
@reginapopova3062 Год назад
Спасибо! Очень быстро и доходчиво
@Alex-Ti
@Alex-Ti 4 месяца назад
Спасибо за Ваш труд!
@yourownazog8069
@yourownazog8069 2 месяца назад
Очень доходчиво, как и всегда
@anyone8833
@anyone8833 2 года назад
Здравствуйте, помню смотрел ваши видел по C# и C++, всё хорошо и подробно подано, хотелось бы видео-уроки по Git
@OneMrZlodey
@OneMrZlodey 2 года назад
На канале уже есть ролики по Git-у :)
@anyone8833
@anyone8833 2 года назад
@@OneMrZlodey Ок, спасибо!
@kantoshi9890
@kantoshi9890 2 года назад
Когда уроки по YoptaScript?
@vladimirshokhin2948
@vladimirshokhin2948 Год назад
Из года в год одинаковые базовые билды. Ценности ровным счетом 0. Все веселье начинается при кастомизации. Если для новичков, то больше базового тулинга и структуру шире «1 картинка на html странице». Это можно собрать без webpack, а любой готовый сборщик вроде parcel будет в разы функциональнее и удобнее. З.ы. Про фреймворки уже написали)
@siverianserpent5559
@siverianserpent5559 Год назад
Спасибо за видео, все последовательно и очень познавательно!
@icegouse
@icegouse Год назад
Если надо в папке dist. Разместить файлы в своих папках, как в src. Как быть?
@marykox
@marykox 4 месяца назад
Гоша! Ты мой бог!
@clutchmeisteryo9831
@clutchmeisteryo9831 7 месяцев назад
Почему когда подключаешь htmlWebpackPlugin пропадает hotreload ? Приходится обновлять страницу чтобы появились изменения в html?
@donlinoleum831
@donlinoleum831 Год назад
Спасибо!!! Я стал мудрее. Гордитесь мной
@breidab4115
@breidab4115 Год назад
Здравствуйте. После установки scss-loader и sass при запуске команды buid выводится ошибка, что не найден scss-loader, хотя в папке node_modules он есть в списке. Можете подсказать, с чем связана эта ошибка? Спасибо
@sepp_audenarde
@sepp_audenarde 11 месяцев назад
sass-loader, не scss
@breidab4115
@breidab4115 11 месяцев назад
@@sepp_audenarde Спасибо, большое)
@viacheslav2767
@viacheslav2767 Год назад
с изображениями жесть, кто будет импортировать по 1 файлу ,прописывая все для каждого(?!)
@vlad-zf1ev
@vlad-zf1ev 8 месяцев назад
супер
@ulianow
@ulianow 2 года назад
если не ошибаюсь, ReactJs сам тоже самое делает (react-scripts start и тп). нужна ли эта библиотека если используется ReactJs?
@mozgiprodal
@mozgiprodal 2 года назад
Зависит от проекта, в простеньких проектах не нужна.
@Fleon777
@Fleon777 2 года назад
Пожалуйста сделай видео по C++ старые на актуальны
@igorproshyn9380
@igorproshyn9380 Год назад
И где такую сборку использовать?
@WhiteHeterosexualMenHere
@WhiteHeterosexualMenHere Год назад
Почему webpack и webpack-cli устанавливается в dependencies? а не в devDependencies?? Также про scss и всё что используется для разработки Также const path = require('path'); у меня точка входа работает и без path, никакой ошибки нет!
@niksemenov5490
@niksemenov5490 Год назад
+1
@viacheslav2767
@viacheslav2767 Год назад
а так хороший, гайд
@Yupitrer
@Yupitrer Год назад
Я вообще в єтом не понимаю но так расказал что даже я понял зачем єто нужно
@user-zt9vo4gh3p
@user-zt9vo4gh3p Год назад
Я всей своей семьёй смотрю видео Гоши.
@yuzu-dev
@yuzu-dev 2 года назад
Первый!)
@sowa9340
@sowa9340 2 года назад
сейчас бы в 2022 году вебпаки настраивать
@user-il7dx1ro1z
@user-il7dx1ro1z 2 года назад
типо неактуально ?
@clown2195
@clown2195 2 года назад
@@user-il7dx1ro1z на фреймворках они уже из коробки настроены
@Kysok410
@Kysok410 2 года назад
@@clown2195 принцип то понимать надо
@clown2195
@clown2195 2 года назад
@@Kysok410 те кто работают на фреймворках уже знают об этом
@andreymonchencko3908
@andreymonchencko3908 Год назад
25% представленного не работает к сожалению
@Demind0509
@Demind0509 2 года назад
Без module federation это обычное видео коих сотня...
@madarasan0
@madarasan0 Год назад
Этот гайд минимум для мидлов, чтобы хоть что то понимали что происходит
@user-xt4hp4vw5s
@user-xt4hp4vw5s Год назад
а я наоборот, нубка - нубкой. И уже несколько видео начинала смотреть. И вот только на этом видео, у меня все получилось. И я более менее разобралась.
@andrii9755
@andrii9755 10 месяцев назад
нет, это не для мидлов, а для джунов максимум
@user-ld8ue9yb9v
@user-ld8ue9yb9v 11 месяцев назад
за что люди благодарят? время потрачено впустую. Мало того что картинки чтоб в папку перекинуть нужно написать код для каждой картинки отдельно, а для того чтоб добавить картинку в html нужно еще больше кода написать. Так еще и картинки никак не оптимизируются. Можно было просто из папки src скопировать их в папку dist за две секунды и не еб@ть мозг и три часа на написание кода для каждой картинки...
@andrii9755
@andrii9755 10 месяцев назад
почему на порту 3000 не запускается npx webpack serve?
@javaskriptizer
@javaskriptizer 3 месяца назад
у меня запускается.
@andrii9755
@andrii9755 3 месяца назад
@@javaskriptizer походу у меня был запущен уже какой-то сервер на 3000 порту, скорее всего, не помню уже)
Далее
webpack для начинающих
41:17
Просмотров 19 тыс.
А что если не умеешь играть?🥲
00:46
Философия хлама #diy
01:00
Просмотров 486 тыс.
Webpack. Базовая сборка проекта
1:19:12
Webpack. Full Course 2020
2:51:49
Просмотров 622 тыс.