Что такое выходное свойство Webpack?

Свойство output в Webpack отвечает за то, куда будут сохраняться собранные файлы. Оно определяет путь до папки для выходных данных и шаблон именования файлов. Например:

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

Webpack также поддерживает динамическое именование файлов через шаблоны:

module.exports = {
  	output: {
    		filename: '[name].[contenthash].js', // Динамическое имя (для кэширования)
    		path: __dirname + '/dist',
  	},
};

Это особенно полезно для оптимизации: хэширование позволяет браузерам загружать только изменившиеся файлы, снижая объем передаваемых данных.

Важно понимать, что output работает в связке с другими настройками, такими как точки входа, плагины и загрузчики.