Что такое загрузчики Webpack?

Question

Загрузчики (loaders) в Webpack — это инструменты, которые позволяют обрабатывать файлы разных форматов (CSS, изображения, TypeScript и др.) перед их добавлением в сборку. Они трансформируют исходный код, чтобы Webpack мог его использовать.

YeaHub · Accepted Answer

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. Загрузчики — это цепочки трансформации, которые превращают исходные файлы в готовый для сборки формат.