Изучение WEBPACK за час в одном видео! Настройка и работа с Webpack
Вставка
- Опубліковано 15 чер 2024
- Представляю вам большой урок по изучению сборщика 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
Спасибо за видео. Без лишних сложностей, для начинающих, то что нужно. И еще здорово, что без резины, четко, коротко. Но понятно.
Лучший урок по Webpack на всем ютубе.Спасибо!
Где скомпилированный файл style.css??? Почему не показали самое важное???
Спасибо! Очень быстро и доходчиво
Спасибо за Ваш труд!
Очень доходчиво, как и всегда
Здравствуйте, помню смотрел ваши видел по C# и C++, всё хорошо и подробно подано, хотелось бы видео-уроки по Git
На канале уже есть ролики по Git-у :)
@@OneMrZlodey Ок, спасибо!
Когда уроки по YoptaScript?
Из года в год одинаковые базовые билды. Ценности ровным счетом 0.
Все веселье начинается при кастомизации. Если для новичков, то больше базового тулинга и структуру шире «1 картинка на html странице».
Это можно собрать без webpack, а любой готовый сборщик вроде parcel будет в разы функциональнее и удобнее.
З.ы. Про фреймворки уже написали)
Спасибо за видео, все последовательно и очень познавательно!
Если надо в папке dist. Разместить файлы в своих папках, как в src. Как быть?
Гоша! Ты мой бог!
Почему когда подключаешь htmlWebpackPlugin пропадает hotreload ? Приходится обновлять страницу чтобы появились изменения в html?
Спасибо!!! Я стал мудрее. Гордитесь мной
Здравствуйте. После установки scss-loader и sass при запуске команды buid выводится ошибка, что не найден scss-loader, хотя в папке node_modules он есть в списке. Можете подсказать, с чем связана эта ошибка? Спасибо
sass-loader, не scss
@@sepp_audenarde Спасибо, большое)
с изображениями жесть, кто будет импортировать по 1 файлу ,прописывая все для каждого(?!)
супер
если не ошибаюсь, ReactJs сам тоже самое делает (react-scripts start и тп). нужна ли эта библиотека если используется ReactJs?
Зависит от проекта, в простеньких проектах не нужна.
Пожалуйста сделай видео по C++ старые на актуальны
И где такую сборку использовать?
а так хороший, гайд
Почему webpack и webpack-cli устанавливается в dependencies? а не в devDependencies?? Также про scss и всё что используется для разработки
Также const path = require('path'); у меня точка входа работает и без path, никакой ошибки нет!
+1
Я вообще в єтом не понимаю но так расказал что даже я понял зачем єто нужно
Я всей своей семьёй смотрю видео Гоши.
Первый!)
сейчас бы в 2022 году вебпаки настраивать
типо неактуально ?
@@user-il7dx1ro1z на фреймворках они уже из коробки настроены
@@clown2195 принцип то понимать надо
@@Kysok410 те кто работают на фреймворках уже знают об этом
25% представленного не работает к сожалению
Без module federation это обычное видео коих сотня...
Этот гайд минимум для мидлов, чтобы хоть что то понимали что происходит
а я наоборот, нубка - нубкой. И уже несколько видео начинала смотреть. И вот только на этом видео, у меня все получилось. И я более менее разобралась.
нет, это не для мидлов, а для джунов максимум
за что люди благодарят? время потрачено впустую. Мало того что картинки чтоб в папку перекинуть нужно написать код для каждой картинки отдельно, а для того чтоб добавить картинку в html нужно еще больше кода написать. Так еще и картинки никак не оптимизируются. Можно было просто из папки src скопировать их в папку dist за две секунды и не еб@ть мозг и три часа на написание кода для каждой картинки...
почему на порту 3000 не запускается npx webpack serve?
у меня запускается.
@@javaskriptizer походу у меня был запущен уже какой-то сервер на 3000 порту, скорее всего, не помню уже)