Clean Webpack Plugin: Održavajte čistu konstrukciju

"CleanWebpackPlugin" popularan je dodatak Webpack koji vam pomaže upravljati izlazom izgradnje čišćenjem navedenih direktorija prije generiranja novih datoteka. Ovo može biti korisno za sprječavanje nakupljanja starih ili nepotrebnih datoteka u vašem direktoriju za izgradnju. Evo kratkog objašnjenja kako koristiti CleanWebpackPlugin:

Montaža

Prvo provjerite imate li Webpack i webpack-cli instalirali ga u svom projektu, kao što je prikazano u prethodnim objašnjenjima. Zatim instalirajte CleanWebpackPlugin:

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

Konfiguracija

Otvorite svoju webpack.config.js datoteku i uvezite dodatak:

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

Unutar plugins niza, instancirajte CleanWebpackPlugin:

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

Prema zadanim postavkama, dodatak će očistiti output.path definirano u vašoj Webpack konfiguraciji.

Prilagođena konfiguracija

Možete prilagoditi ponašanje CleanWebpackPlugin prosljeđivanjem opcija njegovom konstruktoru. Na primjer:

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

U ovom primjeru, sve datoteke i direktoriji bit će očišćeni osim za importantFile.txt.

Trčanje Webpack

Kada pokrenete Webpack izgradnju svog projekta, CleanWebpackPlugin automatski će očistiti navedene direktorije prije generiranja novih datoteka za izgradnju.

Ne zaboravite pogledati službenu dokumentaciju clean-webpack-plugin za naprednije konfiguracije i opcije. Ovaj dodatak može uvelike pomoći u održavanju čistog izlaznog direktorija i izbjegavanju nepotrebnog nereda.