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