4.10. Тест по разделу 1. Что такое output в файле webpack.config.js? Поле, которое ни за что не отвечает и чаще всего не используется. Концепция, отвечающая за всё, что оказывается в директории dist после сборки. — Верный ответ И это только вершина айсберга. Ведь под сборкой бандла понимается трудоёмкий процесс, требующий немало вычислительных мощностей. Встроенная функция webpack для оптимизации проекта без каких-либо усилий. Неотъемлемая часть webpack, без которой невозможна нормальная работа проекта. 2. Что такое loaders в webpack? Новая экспериментальная функция, которая ещё не введена в новый стандарт. Обработчики, отвечающие за преобразование кода из нового синтаксиса в старый или из неподдерживаемого браузерами в поддерживаемый. — Верный ответ Так и есть, они отвечают за обработку и оптимизацию множества типов файлов. Сущности, позволяющие автоматически уменьшать размер файлов. 3. Что относится к asset modules? font-loader. — Неверный ответ Такого обработчика не существует. В asset modules включены три обработчика: raw, url и file-loader. raw-loader. — Верный ответ Raw-loader — первый из трёх обработчиков, он отвечает за импорт файлов в виде строки. url-loader. — Верный ответ Url-loader — второй из трёх обработчиков. Он позволяет вставлять файлы как base64-ссылки, если они меньше определённого размера — 8 КБ или выставленного вами размера. file-loader. — Верный ответ File-loader — последний обработчик. Он отвечает за работу с файлами, отличающимися расширениями от JS и JSON, например с изображениями. 4. Что такое raw-loader? Это загрузчик, который позволяет импортировать файлы в строковом формате. — Верный ответ Это загрузчик, который позволяет нам импортировать файлы в виде объекта. — Неверный ответ В виде объекта можно импортировать файлы: картинки и аудио — добавляя их в JS-код. Но это не совсем верное понятие raw-loader. 5. Что такое url-loader? Это загрузчик, который позволяет импортировать файлы в виде массивов. — Неверный ответ Нет, это неверный ответ. Хотя в виде массива импортировать файлы действительно можно — в самом JS-коде, переусложняя его. Это загрузчик, который позволяет импортировать файлы в виде сложной структуры данных. Это обработчик для файлов, который позволяет оптимизировать их размер. Это загрузчик, который позволяет вставлять файлы как base-64-ссылки, если эти файлы меньше указанного размера. — Верный ответ 6. Что такое file-loader? Это обработчик для файлов, чаще всего для картинок, шрифтов, аудио или видео. — Верный ответ Это обработчик для файлов c расширениями .js и .ts. Это обработчик для файлов c расширениями .jsx и tsx. — Неверный ответ Для синтаксиса React с TypeScript есть отдельные обработчики. Это обработчик для файлов c расширениями .conf и .lua. 7. Посредством чего можно добиться оптимизации проекта? Внесения правок и написания своих функций. — Верный ответ Верно, ведь большая часть полей webpack гибко настраивается. Разбиения кода на несколько файлов после сборки. — Верный ответ Да, не забываем про код-сплиттинг. 8. За что отвечает функция clean в поле output? Удаление дубликатов файлов при повторных сборках проекта. — Верный ответ Действительно, это так. Без вызова данной функции при сборке будут накапливаться дубликаты файлов. Удаление повторяющегося кода во всех файлах проекта, что нарушает принцип DRY (Don't Repeat Yourself). 9. Каковы преимущества оптимизации? Ускорение преобразования (компиляции) кода и времени сборки, облегчение бандла путём уменьшения размера различных файлов. — Верный ответ Действительно, и это лишь вершина айсберга. Позволяет привлечь дополнительных пользователей на сайт Профессиональный рост разработчика в узконаправленной сфере. 10. Есть ли ограничения по количеству строк кода или вызванных функций в конфиге? Да. Нет. — Верный ответ Вы ограничены лишь в изученном инструментарии.