Что такое Webpack?

Webpack — это популярный модульный сборщик, который позволяет разработчикам эффективно управлять файлами и зависимостями в проектах. Его основная задача — преобразовать код в удобный для браузера формат. Webpack использует концепцию графа зависимостей: каждая точка входа представляет главный файл, а все подключенные модули анализируются и включаются в итоговый пакет.

Например, для проекта с файлами index.js и style.css Webpack объединяет их в один файл:

module.exports = {
  	entry: './src/index.js', // Точка входа
  	output: {
    		filename: 'bundle.js', // Имя итогового файла
    		path: __dirname + '/dist', // Папка для выходных файлов
  	},
};

В современном вебе Webpack часто используется с плагинами и загрузчиками, чтобы обработать различные форматы файлов (например, транспилировать JavaScript через Babel или минифицировать CSS).