plugins 選項用于以各種方式自定義 webpack 構(gòu)建過程。webpack 附帶了各種內(nèi)置插件，可以通過 webpack.[plugin-name] 訪問這些插件。請查看 插件頁面 獲取插件列表和對應文檔，但請注意這只是其中一部分，社區(qū)中還有許多插件。

plugins

?[Plugin]?

一組 webpack 插件。例如，DefinePlugin 允許你創(chuàng)建可在編譯時配置的全局常量。這對需要再開發(fā)環(huán)境構(gòu)建和生產(chǎn)環(huán)境構(gòu)建之間產(chǎn)生不同行為來說非常有用。

webpack.config.js

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

一個復雜示例，使用多個插件，可能看起來就像這樣：

webpack.config.js

var webpack = require('webpack');
// 導入非 webpack 自帶默認插件
var DashboardPlugin = require('webpack-dashboard/plugin');

// 在配置中添加插件
module.exports = {
  //...
  plugins: [
    new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/),
   // 編譯時(compile time)插件
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': '"production"',
    }),
   // webpack-dev-server 強化插件
    new DashboardPlugin(),
    new webpack.HotModuleReplacementPlugin(),
  ],
};