Вывод

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

Использование

Минимальное требование для свойства output в вашей конфигурации webpack — установить его значение в объект и указать output.filename для выходного файла(ов):

webpack.config.js

module.exports = {
  output: {
    filename: 'bundle.js',
  }
};

Эта конфигурация выведет один bundle.js файл в каталог dist.

Несколько точек входа

Если ваша конфигурация создаёт более одного «куска» (как при использовании нескольких точек входа или при использовании плагинов, таких как CommonsChunkPlugin), вы должны использовать замены, чтобы гарантировать, что каждый файл имеет уникальное имя.

module.exports = {
  entry: {
    app: './src/app.js',
    search: './src/search.js'
  },
  output: {
    filename: '[name].js',
    path: __dirname + '/dist'
  }
};

// writes to disk: ./dist/app.js, ./dist/search.js

Расширенные настройки

Вот более сложный пример использования CDN и хешей для активов:

config.js

module.exports = {
  //...
  output: {
    path: '/home/proj/cdn/assets/[hash]',
    publicPath: 'https://cdn.example.com/assets/[hash]/'
  }
};

В случаях, когда конечное publicPath выходных файлов неизвестно на этапе компиляции, его можно оставить пустым и установить динамически во время выполнения с помощью переменной __webpack_public_path__ в файле точки входа:

__webpack_public_path__ = myRuntimePublicPath;

// rest of your application entry