Clean Webpack Plugin: Oprethold en ren bygning

"CleanWebpackPlugin" er et populært plugin, Webpack som hjælper dig med at administrere dit build-output ved at rydde op i de angivne mapper, før du genererer nye filer. Dette kan være nyttigt for at forhindre, at gamle eller unødvendige filer akkumuleres i din build-mappe. Her er en kort forklaring på, hvordan du bruger CleanWebpackPlugin:

Installation

Først skal du sikre dig, at du har Webpack og webpack-cli installeret i dit projekt, som vist i de tidligere forklaringer. Installer derefter CleanWebpackPlugin:

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

Konfiguration

Åbn din webpack.config.js fil og importer pluginnet:

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

plugins Instantér inde i arrayet CleanWebpackPlugin:

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

Som standard vil plugin'et rense det output.path definerede i din Webpack konfiguration.

Brugerdefineret konfiguration

Du kan tilpasse adfærden CleanWebpackPlugin ved at videregive muligheder til dens konstruktør. For eksempel:

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

I dette eksempel vil alle filer og mapper blive renset undtagen importantFile.txt.

Løb Webpack

Når du kører Webpack for at bygge dit projekt, CleanWebpackPlugin vil den automatisk rense de angivne mapper, før der genereres nye byggefiler.

Husk at henvise til den officielle dokumentation clean-webpack-plugin for mere avancerede konfigurationer og muligheder. Dette plugin kan i høj grad hjælpe med at opretholde en ren build-outputmappe og undgå unødvendigt rod.