Plugins i Webpack

Webpack utfører et smalt spekter av oppgaver. For å utvide mulighetene må du installere og koble til tilleggsplugins.

La oss se på den generelle algoritmen for installasjon og tilkobling av plugins. La oss for dette ha en eller annen tenkt plugin kalt test-webpack-plugin. La oss se på arbeid med plugins ved å bruke den som eksempel (koden under er bare et skjema, ettersom en slik plugin ikke finnes i virkeligheten).

Så, først må pluginen installeres via npm:

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

Etter det må pluginen importeres til konfigurasjonsfilen:

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

Deretter må denne pluginen kalles i innstillingen plugins:

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

I innstillingen plugins kan det være ikke bare én plugin, men flere:

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