Webpack #1 / HTML Academy

1. Введение

Узнаем, зачем нужен webpack и как его применить в любом проекте.

2. Конфигурационные файлы

Разберём форматы конфигурационных файлов webpack.

Как лучше всего проходить этот модуль?

Прочитайте статьи по теме. Затем изучите пошаговую демонстрацию настройки дополнительных зависимостей в готовом проекте.

Каждую статью и демо можно оценить, поставив звёздочки и рассказав в комментарии, что понравилось, а что можно добавить — это поможет нам сделать материалы ещё лучше.

Закрепите полученные знания — выполните самостоятельное задание по настройке дополнительных зависимостей. После этого сверьте своё решение с эталонной реализацией, предложенной авторами. Пошаговое решение станет доступно в программе раздела, когда вы нажмёте на кнопку «Задание готово».
В конце раздела пройдите тест, чтобы проверить свои знания.
Если у вас останутся вопросы или вы захотите поделиться опытом, напишите в чат Discord.

Прочитайте статьи

2.1. Формат конфигурационных файлов webpack Какие виды конфигурационных файлов существуют и зачем они нужны.

2.2. Мультистраничные приложения, основные концепции webpack Что такое мультистраничное приложение.

2.3. Начало работы с конфигами дополнительных инструментов Настройка дополнительных зависимостей.

Посмотрите демонстрацию

2.4. Демо: добавление ESLint и Prettier в готовый проект Пошаговая демонстрация настройки дополнительных зависимостей.

Практика

Выполните практическое задание

2.5. Задание: настройка дополнительных зависимостей Задание для самостоятельной практики.

Посмотрите демонстрацию

2.6. Решение: настройка дополнительных зависимостей Эталонное решение задания.

Проверка знаний