"CleanWebpackPlugin" je oblíbený plugin, Webpack který vám pomůže spravovat výstup sestavení vyčištěním zadaných adresářů před generováním nových souborů. To může být užitečné, abyste zabránili hromadění starých nebo nepotřebných souborů v adresáři sestavení. Zde je stručné vysvětlení, jak používat CleanWebpackPlugin:
Instalace
Nejprve se ujistěte, že máte Webpack a webpack-cli máte nainstalovaný projekt, jak je znázorněno v předchozích vysvětleních. Poté nainstalujte CleanWebpackPlugin:
Konfigurace
Otevřete webpack.config.js
soubor a importujte plugin:
Uvnitř plugins
pole vytvořte instanci CleanWebpackPlugin
:
Ve výchozím nastavení plugin vyčistí to, co output.path
je definováno ve vaší Webpack konfiguraci.
Vlastní konfigurace
Chování souboru můžete přizpůsobit CleanWebpackPlugin
předáním voleb jeho konstruktoru. Například:
V tomto příkladu budou vyčištěny všechny soubory a adresáře kromě importantFile.txt
.
Běh Webpack
Když spustíte Webpack sestavení svého projektu, CleanWebpackPlugin
před generováním nových souborů sestavení automaticky vyčistí zadané adresáře.
Nezapomeňte si prostudovat oficiální dokumentaci clean-webpack-plugin
pro pokročilejší konfigurace a možnosti. Tento plugin může výrazně pomoci při udržování čistého výstupního adresáře sestavení a vyhnout se zbytečnému nepořádku.