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 আরও উন্নত কনফিগারেশন এবং বিকল্পগুলির জন্য অফিসিয়াল ডকুমেন্টেশন উল্লেখ করতে মনে রাখবেন । এই প্লাগইনটি একটি পরিষ্কার বিল্ড আউটপুট ডিরেক্টরি বজায় রাখতে এবং অপ্রয়োজনীয় বিশৃঙ্খলা এড়াতে ব্যাপকভাবে সাহায্য করতে পারে।