外掛程式

plugins 選項用於自訂 webpack 建置流程，方式多樣。Webpack 內建許多外掛，可於 webpack.[plugin-name] 中取得。請參閱 外掛頁面 以取得外掛清單和文件，但請注意，社群中還有更多外掛。

外掛

[外掛]

webpack 外掛陣列。例如，DefinePlugin 允許您建立可以在編譯時設定的常數。這對於允許開發版本和發行版本之間有不同的行為很有用。從 webpack 5.87.0 開始，可以有條件地使用假值來停用特定外掛。

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(),
  ],
};