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