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 ਵਧੇਰੇ ਉੱਨਤ ਸੰਰਚਨਾਵਾਂ ਅਤੇ ਵਿਕਲਪਾਂ ਲਈ ਦੇ ਅਧਿਕਾਰਤ ਦਸਤਾਵੇਜ਼ਾਂ ਦਾ ਹਵਾਲਾ ਦੇਣਾ ਯਾਦ ਰੱਖੋ । ਇਹ ਪਲੱਗਇਨ ਇੱਕ ਸਾਫ਼ ਬਿਲਡ ਆਉਟਪੁੱਟ ਡਾਇਰੈਕਟਰੀ ਨੂੰ ਬਣਾਈ ਰੱਖਣ ਅਤੇ ਬੇਲੋੜੀ ਗੜਬੜੀ ਤੋਂ ਬਚਣ ਵਿੱਚ ਬਹੁਤ ਮਦਦ ਕਰ ਸਕਦੀ ਹੈ।