Clean Webpack Plugin: ایک صاف ستھری تعمیر کو برقرار رکھیں

"CleanWebpackPlugin" ایک مقبول پلگ ان ہے Webpack جو آپ کو نئی فائلیں بنانے سے پہلے مخصوص ڈائریکٹریوں کو صاف کرکے اپنے بلڈ آؤٹ پٹ کو منظم کرنے میں مدد کرتا ہے۔ یہ آپ کی بلڈ ڈائرکٹری میں پرانی یا غیر ضروری فائلوں کو جمع ہونے سے روکنے کے لیے کارآمد ثابت ہو سکتا ہے۔ 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 نئی بلڈ فائلیں بنانے سے پہلے خود بخود مخصوص ڈائریکٹریز کو صاف کر دے گا۔

clean-webpack-plugin مزید جدید کنفیگریشنز اور اختیارات کے لیے آفیشل دستاویزات کا حوالہ دینا یاد رکھیں ۔ یہ پلگ ان کلین بلڈ آؤٹ پٹ ڈائرکٹری کو برقرار رکھنے اور غیر ضروری بے ترتیبی سے بچنے میں بہت مدد کر سکتا ہے۔