Що таке output у webpack?

Frontend-інструментиJunior~1 хв читання

output у Webpack - це налаштування, яке визначає, куди і під яким іменем Webpack виводитиме підсумкові зібрані файли (бандли).

Тобто, якщо entry - це звідки починати збірку, то output - це куди покласти результат.

Приклад налаштування:

module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'bundle.js',      // ім'я підсумкового бандла
    path: path.resolve(__dirname, 'dist') // папка для виводу
  }
}

Тут Webpack збере проєкт і покладе результат за адресою:

javascript

/dist/bundle.js

Коротко:

filename - ім'я результувального файлу або шаблон імен для кількох бандлів
path - абсолютний шлях до директорії, куди зберігається збірка

output відповідає за структуру, шлях і назву файлів, які Webpack створює після збірки.

Коротка відповідь

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.