Clean Webpack Plugin: Udržujte čistou stavbu

"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:

npm install clean-webpack-plugin --save-dev

Konfigurace

Otevřete webpack.config.js soubor a importujte plugin:

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

Uvnitř plugins pole vytvořte instanci CleanWebpackPlugin:

module.exports = {  
  // ...other configuration options  
  
  plugins: [  
    new CleanWebpackPlugin()  
    // ...other plugins  
  ]  
};  

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:

new CleanWebpackPlugin({  
  cleanOnceBeforeBuildPatterns: ['**/*', '!importantFile.txt']  
})  

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.