Clean Webpack Plugin: palaikykite švarią konstrukciją

„CleanWebpackPlugin“ yra populiarus papildinys, Webpack padedantis valdyti kūrimo išvestį išvalant nurodytus katalogus prieš generuojant naujus failus. Tai gali būti naudinga norint išvengti senų ar nereikalingų failų kaupimosi jūsų kūrimo kataloge. Štai trumpas paaiškinimas, kaip naudoti CleanWebpackPlugin:

Montavimas

Pirmiausia įsitikinkite, kad turite Webpack ir webpack-cli įdiegėte savo projektą, kaip parodyta ankstesniuose paaiškinimuose. Tada įdiekite CleanWebpackPlugin:

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

Konfigūracija

Atidarykite webpack.config.js failą ir importuokite papildinį:

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

Masyvo viduje plugins pakartokite CleanWebpackPlugin:

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

Pagal numatytuosius nustatymus papildinys išvalys output.path jūsų konfigūracijoje apibrėžtą informaciją Webpack.

Pasirinktinė konfigūracija

Galite tinkinti elgseną perduodant CleanWebpackPlugin parinktis jo konstruktoriui. Pavyzdžiui:

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

Šiame pavyzdyje bus išvalyti visi failai ir katalogai, išskyrus importantFile.txt.

Bėgimas Webpack

Kai paleisite Webpack kurti savo projektą, CleanWebpackPlugin prieš generuodami naujus kūrimo failus automatiškai išvalys nurodytus katalogus.

Nepamirškite kreiptis į oficialią dokumentaciją, kad clean-webpack-plugin sužinotumėte daugiau išplėstinių konfigūracijų ir parinkčių. Šis papildinys gali labai padėti išlaikyti švarų kūrimo išvesties katalogą ir išvengti nereikalingos netvarkos.