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

Question

Выходное свойство Webpack (output) указывает, куда и в каком формате сохраняются файлы после сборки. Оно задает путь к папке и имя итогового файла.

YeaHub · Accepted Answer

Свойство output в Webpack отвечает за то, куда будут сохраняться собранные файлы. Оно определяет путь до папки для выходных данных и шаблон именования файлов. Например:module.exports = {
  	output: {
    		filename: 'bundle.js', // Имя выходного файла
    		path: __dirname + '/dist', // Путь до папки
  	},
};Webpack также поддерживает динамическое именование файлов через шаблоны:module.exports = {
  	output: {
    		filename: '[name].[contenthash].js', // Динамическое имя (для кэширования)
    		path: __dirname + '/dist',
  	},
};Это особенно полезно для оптимизации: хэширование позволяет браузерам загружать только изменившиеся файлы, снижая объем передаваемых данных.Важно понимать, что output работает в связке с другими настройками, такими как точки входа, плагины и загрузчики.