Clean Webpack Plugin: შეინახეთ სუფთა შენობა

"CleanWebpackPlugin" არის პოპულარული დანამატი Webpack, რომელიც გეხმარებათ მართოთ თქვენი კონსტრუქციის შედეგი ახალი ფაილების გენერირებამდე მითითებული დირექტორიების გასუფთავებით. ეს შეიძლება სასარგებლო იყოს ძველი ან არასაჭირო ფაილების დაგროვების თავიდან ასაცილებლად თქვენს build დირექტორიაში. აქ არის მოკლე ახსნა, თუ როგორ გამოიყენოთ CleanWebpackPlugin:

ინსტალაცია

პირველ რიგში, დარწმუნდით, რომ დაინსტალირებული გაქვთ Webpack თქვენს webpack-cli პროექტში, როგორც ეს ნაჩვენებია წინა განმარტებებში. შემდეგ დააინსტალირეთ CleanWebpackPlugin:

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

კონფიგურაცია

გახსენით თქვენი webpack.config.js ფაილი და შემოიტანეთ დანამატი:

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

მასივის შიგნით plugins შექმენით ინსტალაცია CleanWebpackPlugin:

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

ნაგულისხმევად, მოდული გაასუფთავებს output.path თქვენს Webpack კონფიგურაციაში განსაზღვრულს.

მორგებული კონფიგურაცია

თქვენ შეგიძლიათ დააკონფიგურიროთ ქცევა CleanWebpackPlugin მის კონსტრუქტორზე პარამეტრების გადაცემით. Მაგალითად:

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

ამ მაგალითში, ყველა ფაილი და დირექტორია გაიწმინდება გარდა importantFile.txt.

Სირბილი Webpack

როდესაც თქვენ აწარმოებთ Webpack თქვენი პროექტის აშენებას, ის CleanWebpackPlugin ავტომატურად ასუფთავებს მითითებულ დირექტორიებს ახალი build ფაილების გენერირებამდე.

გახსოვდეთ, რომ მიმართეთ ოფიციალურ დოკუმენტაციას clean-webpack-plugin უფრო მოწინავე კონფიგურაციებისა და ვარიანტებისთვის. ამ დანამატს შეუძლია დიდად დაგვეხმაროს სუფთა კონსტრუქციის გამომავალი კატალოგის შენარჩუნებაში და ზედმეტი არეულობის თავიდან აცილებაში.