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 अधिक प्रगत कॉन्फिगरेशन आणि पर्यायांसाठी अधिकृत दस्तऐवजीकरण पहा. हे प्लगइन स्वच्छ बिल्ड आउटपुट डिरेक्ट्री राखण्यात आणि अनावश्यक गोंधळ टाळण्यात मोठ्या प्रमाणात मदत करू शकते.