logo-textmainwebinarforumstudyingcoursestestsGBwebicons-08cartmessageslogoutloginlikegobacknoticearrow-downarrow-uparrow-leftarrow-rightarrow-right-biglike-smallblogsettingshelpviewscommentstagsmoremenuinstagramvkvkontaktefacebookgooglegoogle_oauth2g_plus-icn-01link_icn-01mailto_icn-01ok_icn-01#double-arrow-leftavatarprobationcog-smallcheckmore-iconcritical-noticecareercheckx-icnedit-icnemergency-helpicon-callbackicon-callback-hideicon-phonesmile-icnunsmile-icnlike-miniviews-minicomments-minigroup-minipricecalendargroup-ocertificateclassroomrecruitrecruit-hoverplaygithublinkedinbitbuckethometwitterprojecttrashmarkrecruitwriterefuserefreshmark-filledicon-pulsestarsearchproject-rocketyoutubetelegramsendmore-horizontalcalendar-2listbookslaptopcaseprice-badge-cornerpassword-hidepassword-showgive_me_my_moneymoney_sendquestion_smallquestionnairelocklesson-bellmenu_hmbrgrinfo-icnlinkpresentpdfdoneblankwinkspecial offertimerandroidmailrugmailgoogleyandexramblerbook-openbook-open-with-arrowcert-filledcert-emptyplay-2collapse-panelupload_arrowhomework-donereflected-eyearchivedownloadtimeronline-webinararrowvideounknown_asset_typeimagegwc-likegwc-viewgwc-commentgwc-playguruflag-ruflag-gbfire-in-the-holeon-airvery-likeicon-web-faculty-quartericon-android-faculty-quarterios-faculty-quarterjava-faculty-quartericon-gu-badgeicon-cursor-pointericon-quotesicon-exclamation-signplaceholderteacher-complaintpopup-close-buttonschedulebriefmentorintensiveopen-bookmousearrow-down-trianglescroll-featherfoldergroup

Модульная сборка с Webpack

Давайте познакомимся поближе с популярным в последнее время и полезным инструментом для модульной сборки на фронтэнде – Webpack.

Часто в проектах для упрощения разработки и масштабируемости требуется разбивать код на модули. Webpack собирает все ваши JavaScript-файлы в один, ещё может компилировать код различных препроцессоров CSS.

На мастер-классе мы разберём темы:

  • Как конфигурировать Webpack;

  • Работа в различном окружении (Production, Development);

  • Подключение сторонних библиотек (jQuery, lodash, underscore);

  • Динамическая загрузка модулей - например, при клике на кнопку профиля пользователя автоматически подгружается JS-код, отвечающий за этот раздел сайта;

  • Интеграция с другими популярными системами сборки (Gulp, Grunt);

  • Посмотрим на популярные плагины.

Бесплатная запись на вебинар