6.7. Тест по разделу 1. Для чего нужны режимы в webpack? Бесполезное поле, которое доступно нам «из коробки» и не даёт никаких преимуществ. Чтобы сделать управление проектом более гибким. — Верный ответ Да, это так. Для каждого режима можно добавить плагины, которые упрощают некоторые процессы или расширяют возможности разработчика. Новая концепция webpack, отвечающая за стабильную работу приложения. Очередной плагин, дающий доступ к какой-то одной функции 2. Какие режимы существуют? Development. — Верный ответ Первый из трёх режимов. Это режим разработки, с ним мы сталкиваемся чаще всего. Production. — Верный ответ Второй из трёх режимов, используемый только при сборке приложения из-за ряда применяемых оптимизаций. None. — Верный ответ Последний режим из трёх режимов — он означает, что ни один из режимов не выставлен. Multiple. 3. С помощью какой команды можно собрать проект? npm dev npm run dev (при наличии уже прописанного скрипта в файле package.json) — Верный ответ Верно. При наличии записи npx webpack --mode development --config webpack.config.js в файле package.json такая команда сработает. Не забывайте о выставленном development-режиме. npx webpack --mode production --config webpack.config.js — Верный ответ Данный скрипт находится в файле package.json. Но мы можем использовать его отдельно, и эффект будет таким же, как и от npm run build. npm webpack --mode production --config webpack.config.js 4. Зачем нужны режимы? Для полного управления поведением webpack в зависимости от ситуации и потребностей разработчика. — Верный ответ Верно. Режимы позволяют нам управлять состоянием приложения на этапах разработки и деплоя. Чтобы упростить разработку и деплой. — Верный ответ И это действительно так. В режимах нет ничего сложного, главное — разделить логику и знать, куда и как добавлять оптимизации. 5. Выберите преимущества development-режима. Работает быстрее, чем production-режим. — Верный ответ Верно, и достигается это в связи с отсутствием ряда оптимизаций. Показывает подробные сообщения об ошибках. — Верный ответ Верно, ведь мы не ведём разработку из уже собранного проекта с запущенным Live Server от VS Code. Даёт полезные автодополнения кода в используемом редакторе. 6. Выберите преимущества production-режима. Оптимизирует код, делая его чище. — Верный ответ Да, при настройке этот режим удаляет комментарии и пустое пространство между кодом, а также выполняет ряд других оптимизаций. Применяет ряд оптимизаций для уменьшения общего размера всех файлов, будь то картинки, шрифты, аудио или видео. — Верный ответ Да. И это ускоряет загрузку приложения в любом браузере. Исключает «development-only» код из конечного бандла. — Верный ответ От кода, написанного во время разработки, останутся имена переменных и многое другое, но все они будут преобразованы в нечто нечитабельное. Оптимизирует код и делает его более читабельным для людей. — Неверный ответ Минимизированный код можно привести к привычному виду (не в одну строку), но более читабельным он от этого не станет. 7. Что такое source map? Карты исходников или исходные файлы приложения. — Верный ответ Это действительно так. Благодаря им мы можем искать и исправлять ошибки на любом этапе жизни приложения. Карты, упрощающие разработку, которые доступны нам без каких-либо настроек. 8. Где можно посмотреть исходные файлы приложения? В инструментах разработчика любого браузера при нажатии клавиши F12 либо сочетания клавиш Ctrl+Shift+I. — Верный ответ И это правильно, а далее для просмотра файлов есть специальная вкладка Source (Chrome) или Debugger (Firefox).» В стороннем приложении для браузера. Путём нажатия комбинации клавиш Alt + F4. Должны появляться автоматически и быть видны на странице, где мы ведём разработку. 9. Нужно ли выключать исходные карты перед деплоем приложения? Да. — Верный ответ Нет. — Неверный ответ Исходные карты обязательно нужно выключать перед деплоем. 10. Есть ли в webpack рекомендации по использованию режимов? Да, и находятся они в официальной документации webpack — в так называемой концепции mode. — Верный ответ И это верно. Режимы — наверное, самая широкая концепция webpack, размещённая в официальной документации. У них обширное описание, в котором легко потеряться. Нет, все рекомендации создаются сообществом и размещены в разных уголках интернета.