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. இந்த செருகுநிரல் ஒரு சுத்தமான உருவாக்க வெளியீட்டு கோப்பகத்தை பராமரிக்க மற்றும் தேவையற்ற ஒழுங்கீனம் தவிர்க்க பெரிதும் உதவும்.