Что такое загрузчики Webpack?
Этот вопрос проверяет знание механизмов обработки различных типов файлов в Webpack.
Короткий ответ
Загрузчики (loaders) в Webpack — это инструменты, которые позволяют обрабатывать файлы разных форматов (CSS, изображения, TypeScript и др.) перед их добавлением в сборку. Они трансформируют исходный код, чтобы Webpack мог его использовать.
Длинный ответ
Webpack работает с JavaScript, но благодаря загрузчикам он может обрабатывать и другие типы файлов, например, CSS, изображения, шрифты или TypeScript. Загрузчики описываются в конфигурации Webpack в разделе module.rules. Они применяются к файлам, соответствующим определенным условиям.
Пример использования загрузчика для CSS:
module.exports = {
module: {
rules: [
{
test: /\.css$/, // Применяется к файлам .css
use: ['style-loader', 'css-loader'], // Сначала обрабатывается css-loader, затем style-loader
},
],
},
};Здесь css-loader обрабатывает CSS-файлы, а style-loader вставляет стили в DOM. Загрузчики — это цепочки трансформации, которые превращают исходные файлы в готовый для сборки формат.