Clean Webpack Plugin: Ohranite čisto zgradbo

»CleanWebpackPlugin« je priljubljen vtičnik, Webpack ki vam pomaga upravljati izhodne rezultate gradnje tako, da počisti določene imenike, preden ustvari nove datoteke. To je lahko uporabno za preprečevanje kopičenja starih ali nepotrebnih datotek v vašem gradbenem imeniku. Tukaj je kratka razlaga uporabe vtičnika CleanWebpackPlugin:

Namestitev

Najprej se prepričajte, da imate Webpack in webpack-cli namestite v svoj projekt, kot je prikazano v prejšnjih razlagah. Nato namestite CleanWebpackPlugin:

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

Konfiguracija

Odprite webpack.config.js datoteko in uvozite vtičnik:

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

Znotraj plugins matrike ustvarite primerek CleanWebpackPlugin:

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

Privzeto bo vtičnik počistil output.path definirano v vaši Webpack konfiguraciji.

Konfiguracija po meri

Obnašanje lahko prilagodite CleanWebpackPlugin tako, da posredujete možnosti njegovemu konstruktorju. Na primer:

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

V tem primeru bodo očiščene vse datoteke in imeniki razen importantFile.txt.

tek Webpack

Ko zaženete Webpack gradnjo svojega projekta, CleanWebpackPlugin bo samodejno očistil navedene imenike, preden bo ustvaril nove gradbene datoteke.

clean-webpack-plugin Za naprednejše konfiguracije in možnosti si ne pozabite ogledati uradne dokumentacije. Ta vtičnik lahko zelo pomaga pri vzdrževanju čistega izhodnega imenika gradnje in izogibanju nepotrebnemu neredu.