Clean Webpack Plugin: Mbani një ndërtesë të pastër

"CleanWebpackPlugin" është një shtojcë e njohur Webpack që ju ndihmon të menaxhoni prodhimin tuaj të ndërtimit duke pastruar drejtoritë e specifikuara përpara se të gjeneroni skedarë të rinj. Kjo mund të jetë e dobishme për të parandaluar grumbullimin e skedarëve të vjetër ose të panevojshëm në drejtorinë tuaj të ndërtimit. Këtu është një shpjegim i shkurtër se si të përdorni CleanWebpackPlugin:

Instalimi

Së pari, sigurohuni që të keni Webpack dhe webpack-cli të instaluar në projektin tuaj, siç tregohet në shpjegimet e mëparshme. Pastaj, instaloni CleanWebpackPlugin:

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

Konfigurimi

Hapni webpack.config.js skedarin tuaj dhe importoni shtojcën:

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

Brenda grupit plugins, instantohuni CleanWebpackPlugin:

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

Si parazgjedhje, shtojca do të pastrojë të output.path përcaktuara në Webpack konfigurimin tuaj.

Konfigurimi i personalizuar

Ju mund të personalizoni sjelljen e tij CleanWebpackPlugin duke ia kaluar opsionet konstruktorit të tij. Për shembull:

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

Në këtë shembull, të gjithë skedarët dhe drejtoritë do të pastrohen përveç importantFile.txt.

Vrapimi Webpack

Kur vraponi Webpack për të ndërtuar projektin tuaj, ai CleanWebpackPlugin do të pastrojë automatikisht drejtoritë e specifikuara përpara se të gjenerojë skedarë të rinj ndërtimi.

Mos harroni t'i referoheni dokumentacionit zyrtar të clean-webpack-plugin për konfigurime dhe opsione më të avancuara. Kjo shtojcë mund të ndihmojë shumë në mbajtjen e një direktorie të pastër të prodhimit dhe shmangien e rrëmujës së panevojshme.