Clean Webpack Plugin: Oppretthold en ren bygning

"CleanWebpackPlugin" er et populært plugin Webpack som hjelper deg med å administrere byggeutdataene dine ved å rydde opp i de angitte katalogene før du genererer nye filer. Dette kan være nyttig for å forhindre at gamle eller unødvendige filer samler seg i byggekatalogen din. Her er en kort forklaring på hvordan du bruker CleanWebpackPlugin:

Installasjon

Først må du kontrollere at du har Webpack og webpack-cli installert i prosjektet ditt, som vist i de forrige forklaringene. Installer deretter CleanWebpackPlugin:

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

Konfigurasjon

Åpne webpack.config.js filen og importer plugin:

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

Inne i plugins matrisen, instansierer du CleanWebpackPlugin:

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

Som standard vil pluginet rense det output.path som er definert i Webpack konfigurasjonen din.

Egendefinert konfigurasjon

Du kan tilpasse oppførselen til CleanWebpackPlugin ved å sende alternativer til konstruktøren. For eksempel:

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

I dette eksemplet vil alle filer og kataloger bli renset bortsett fra importantFile.txt.

Løping Webpack

Når du kjører Webpack for å bygge prosjektet ditt, CleanWebpackPlugin vil den automatisk rense de spesifiserte katalogene før den genererer nye byggefiler.

Husk å referere til den offisielle dokumentasjonen clean-webpack-plugin for mer avanserte konfigurasjoner og alternativer. Denne plugin-en kan i stor grad hjelpe til med å opprettholde en ren utdatakatalog og unngå unødvendig rot.