Pluginy

Zatímco loadery slouží k zpracování/přeměně různých typů souborů (modulů), pluginy lze využít k provádění širší škály úkolů jako je optimalizace, asset management, a tak podobně.

Konfigurace pluginů

Pluginy používáme tak, že si je naimportujeme do našeho konfiguračního souboru, vytvoříme jejich instanci a tu vložíme do konfiguračního objektu do pole plugins (až na nějaké vyjímky, které se používají jinde). Většina pluginů je nastavitelná, takže si při vytváření jejich instancí můžeme plugin různě nastavit.

const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const HtmlWebpackPlugin = require("html-webpack-plugin");

module.exports = {
    /* ... */
    plugins: [
        new MiniCssExtractPlugin(),
        new HtmlWebpackPlugin({
            template: "./index.html",
            inject: true
        })
    ]
}

Seznam pluginů

Zde jsem vytvořil seznam pluginů, které by se vám možná mohli hodit. Určitě se ale nejedná o kompletní list. Kdokoliv si totiž může vytvořit svůj vlastní plugin. Já jsem tu vypsal hlavně ty, které jsou zmíněné v dokumentaci.