Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Какие есть способы оптимизации загрузки изображений в HTML? Что такое форматы изображений WebP и AVIF?
Сжатие изображений
Адаптивные размеры
Ленивая загрузка
WebP: высокое сжатие и качество, поддерживает как растровые, так и анимированные изображения.
AVIF: еще более эффективное сжатие и лучшее качество по сравнению с WebP.
Что такое Webpack?
Webpack — это инструмент для сборки модулей JavaScript и других ресурсов, таких как CSS или изображения. Он позволяет объединять файлы в один или несколько выходных пакетов, оптимизировать их для использования в браузере и управлять зависимостями.
Какие точки входа в Webpack?
Точки входа — это файлы, с которых Webpack начинает строить граф зависимостей. Они задаются в настройках через свойство entry. Можно указать одну точку входа для небольших приложений или несколько — для более сложных.
Что такое выходное свойство Webpack?
Выходное свойство Webpack (output) указывает, куда и в каком формате сохраняются файлы после сборки. Оно задает путь к папке и имя итогового файла.
Что такое загрузчики Webpack?
Загрузчики (loaders) в Webpack — это инструменты, которые позволяют обрабатывать файлы разных форматов (CSS, изображения, TypeScript и др.) перед их добавлением в сборку. Они трансформируют исходный код, чтобы Webpack мог его использовать.
Что такое плагины Webpack?
В чем разница между загрузчиком и плагином в Webpack?
Какова цель webpack-dev-сервера?
Как вы определяете несколько точек входа в Webpack?
Для чего используется webpack-cli?
Рейтинг:
4
Сложность:
6
Плагины (plugins) в Webpack — это инструменты для расширения возможностей сборки. Они выполняют задачи, такие как минификация кода, создание HTML-файлов, кэширование и другие.
Рейтинг:
4
Сложность:
6
Загрузчики преобразуют файлы (например, TypeScript в JavaScript или SCSS в CSS), чтобы Webpack мог их обработать. Плагины, напротив, работают на более высоком уровне — они добавляют функциональность в процесс сборки, например, оптимизацию или создание новых файлов.
Рейтинг:
4
Сложность:
5
Webpack Dev Server предоставляет локальный сервер для разработки, который автоматически обновляет страницу в браузере при изменении кода. Это ускоряет процесс разработки и тестирования.
Рейтинг:
3
Сложность:
6
Несколько точек входа определяются с помощью объекта в конфигурации entry. Каждая точка входа представляет независимый модуль приложения, и Webpack создаёт отдельные выходные файлы для каждого.
Рейтинг:
4
Сложность:
4
Webpack CLI — это интерфейс командной строки, позволяющий запускать Webpack, управлять настройками и выполнять сборку проекта. Без него нельзя использовать Webpack из терминала.
Рейтинг:
3
Сложность:
6
Рейтинг:
5
Сложность:
5
Рейтинг:
5
Сложность:
6
Рейтинг:
4
Сложность:
5
Рейтинг:
4
Сложность:
6
