Clean Webpack Plugin: स्वच्छ निर्माण बनाए रखें

"क्लीनवेबपैकप्लगिन" एक लोकप्रिय प्लगइन है 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 अधिक उन्नत कॉन्फ़िगरेशन और विकल्पों के लिए आधिकारिक दस्तावेज़ का संदर्भ लेना याद रखें । यह प्लगइन एक साफ़ बिल्ड आउटपुट निर्देशिका को बनाए रखने और अनावश्यक अव्यवस्था से बचने में बहुत मदद कर सकता है।