Плагины

Параметр plugins используется для настройки процесса сборки webpack различными способами. Webpack поставляется с набором встроенных плагинов, доступных в webpack.[plugin-name]. См. Страница плагинов для списка плагинов и документации, но имейте в виду, что в сообществе существует ещё много других.

Примечание: На этой странице рассматривается только использование плагинов. Если вы заинтересованы в написании собственного плагина, посетите Страница написания плагина.

plugins

[Plugin]

Массив плагинов webpack. Например, DefinePlugin позволяет создавать глобальные константы, которые можно настраивать во время компиляции. Это может быть полезно для обеспечения разного поведения между сборками для разработки и релизной сборкой.

webpack.config.js

module.exports = {
  //...
  plugins: [
    new webpack.DefinePlugin({
      // Definitions...
    })
  ]
};

Более сложный пример, использующий несколько плагинов, может выглядеть примерно так:

webpack.config.js

var webpack = require('webpack');
// importing plugins that do not come by default in webpack
var ExtractTextPlugin = require('extract-text-webpack-plugin');
var DashboardPlugin = require('webpack-dashboard/plugin');

// adding plugins to your configuration
module.exports = {
  //...
  plugins: [
    new ExtractTextPlugin({
      filename: 'build.min.css',
      allChunks: true,
    }),
    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
    // compile time plugins
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': '"production"',
    }),
    // webpack-dev-server enhancement plugins
    new DashboardPlugin(),
    new webpack.HotModuleReplacementPlugin(),
  ]
};