Clean Webpack Plugin: Temiz Bir Yapı Sürdürün

Webpack "CleanWebpackPlugin", yeni dosyalar oluşturmadan önce belirtilen dizinleri temizleyerek derleme çıktınızı yönetmenize yardımcı olan popüler bir eklentidir. Bu, derleme dizininizde eski veya gereksiz dosyaların birikmesini önlemek için yararlı olabilir. İşte CleanWebpackPlugin'in nasıl kullanılacağına dair kısa bir açıklama:

Kurulum

Öncelikle, önceki açıklamalarda gösterildiği gibi projenize sahip olduğunuzdan Webpack ve yüklediğinizden emin olun. webpack-cli Ardından, CleanWebpackPlugin'i kurun:

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

Yapılandırma

Dosyanızı açın webpack.config.js ve eklentiyi içe aktarın:

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

Dizinin içinde plugins şunun örneğini oluşturun CleanWebpackPlugin:

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

output.path Varsayılan olarak, eklenti yapılandırmanızda tanımlananları temizleyecektir Webpack.

Özel Yapılandırma

CleanWebpackPlugin Oluşturucusuna seçenekleri ileterek davranışını özelleştirebilirsiniz. Örneğin:

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

Bu örnekte, dışındaki tüm dosya ve dizinler temizlenecektir importantFile.txt.

Koşma Webpack

Webpack Projenizi oluşturmak için çalıştırdığınızda, CleanWebpackPlugin yeni yapı dosyaları oluşturmadan önce belirtilen dizinleri otomatik olarak temizleyecektir.

Daha gelişmiş yapılandırmalar ve seçenekler için resmi belgelere başvurmayı unutmayın clean-webpack-plugin. Bu eklenti, temiz bir çıktı dizini oluşturmaya ve gereksiz dağınıklığı önlemeye büyük ölçüde yardımcı olabilir.