Plugins i Webpack

Webpack utför en smal uppsättning uppgifter. För att utöka möjligheterna behöver du installera och ansluta ytterligare plugins.

Låt oss titta på den allmänna algoritmen för installation och anslutning av plugins. Låt oss för detta ha en viss imaginär plugin test-webpack-plugin. Låt oss titta på hur man arbetar med plugins med hjälp av dess exempel (koden nedan är bara ett schema, eftersom en sådan plugin inte finns på riktigt).

Så först måste pluginet installeras via npm:

terminalnpm install test-webpack-plugin --save-dev

Efter det måste pluginet importeras till konfigurationsfilen:

webpack.config.jsimport TestWebpackPlugin from 'test-webpack-plugin';

Sedan måste detta plugin anropas i inställningen plugins:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [new TestWebpackPlugin()],
};

I inställningen plugins kan det finnas inte ett plugin, utan flera:

webpack.config.jsexport default {
  entry: './src/index.js',
  plugins: [
    new TestWebpackPlugin1(),
    new TestWebpackPlugin2()
  ],
};