Clean Webpack Plugin: Mențineți o construcție curată

„CleanWebpackPlugin” este un plugin popular pentru Webpack care vă ajută să vă gestionați rezultatul de construcție prin curățarea directoarelor specificate înainte de a genera fișiere noi. Acest lucru poate fi util pentru a preveni acumularea fișierelor vechi sau inutile în directorul dvs. de compilare. Iată o scurtă explicație a modului de utilizare a CleanWebpackPlugin:

Instalare

În primul rând, asigurați-vă că aveți Webpack și webpack-cli instalat în proiectul dvs., așa cum se arată în explicațiile anterioare. Apoi, instalați CleanWebpackPlugin:

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

Configurare

Deschideți webpack.config.js fișierul și importați pluginul:

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

În interiorul plugins matricei, instanțiați CleanWebpackPlugin:

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

În mod implicit, pluginul va curăța cele output.path definite în Webpack configurația dvs.

Configurație personalizată

Puteți personaliza comportamentul CleanWebpackPlugin prin trecerea opțiunilor către constructorul său. De exemplu:

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

În acest exemplu, toate fișierele și directoarele vor fi curățate, cu excepția importantFile.txt.

Alergare Webpack

Când rulați Webpack pentru a vă construi proiectul, CleanWebpackPlugin va curăța automat directoarele specificate înainte de a genera noi fișiere de compilare.

Nu uitați să consultați documentația oficială a clean-webpack-plugin pentru configurații și opțiuni mai avansate. Acest plugin poate ajuta foarte mult la menținerea unui director de ieșire de compilare curat și la evitarea aglomerației inutile.