Вывод

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

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

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

webpack.config.js

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

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

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

Если ваша конфигурация создает более одного «фрагмента» (например, с несколькими точками входа или при использовании плагинов, таких как 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/[fullhash]',
    publicPath: 'https://cdn.example.com/assets/[fullhash]/',
  },
};

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

__webpack_public_path__ = myRuntimePublicPath;

// rest of your application entry