插件

plugins 选项用于以各种方式自定义 webpack 的构建过程。webpack 附带了各种内置插件，可在 webpack.[plugin-name] 下使用。有关插件列表和文档，请参阅插件页面，但请注意，社区中还有更多插件。

插件

[插件]

一个 webpack 插件数组。例如，DefinePlugin 允许你创建可在编译时配置的全局常量。这对于允许开发构建和发布构建之间的不同行为非常有用。从 webpack 5.87.0 开始，可以使用 falsy 值有条件地禁用特定插件。

webpack.config.js

module.exports = {
  //...
  plugins: [
    new webpack.DefinePlugin({
      // Definitions...
    }),
    false && new webpack.IgnorePlugin(), // disabled conditionally
  ],
};

一个更复杂的示例，使用多个插件，可能看起来像这样：

webpack.config.js

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

// adding plugins to your configuration
module.exports = {
  //...
  plugins: [
    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(),
  ],
};