"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. ఈ ప్లగ్ఇన్ క్లీన్ బిల్డ్ అవుట్‌పుట్ డైరెక్టరీని నిర్వహించడంలో మరియు అనవసరమైన అయోమయాన్ని నివారించడంలో గొప్పగా సహాయపడుతుంది.