插件配置

webpackjsorg-main配置参考

插件配置

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

注意：此页面仅讨论如何使用插件，但如果你有兴趣编写自己的插件，请访问编写插件。

plugins

[Plugin]

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

webpack.config.js

js 复制代码

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

一个使用多个插件的更复杂示例，可能如下所示：

webpack.config.js

js 复制代码

import webpack from "webpack";
// importing plugins that do not come by default in webpack
import DashboardPlugin from "webpack-dashboard/plugin";

// adding plugins to your configuration
export default {
  // ...
  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(),
  ],
};

帮助我们改进文档

发现翻译问题或内容错误？请告诉我们。