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. આ પ્લગઇન ક્લીન બિલ્ડ આઉટપુટ ડાયરેક્ટરી જાળવવામાં અને બિનજરૂરી અવ્યવસ્થિતતાને ટાળવામાં ઘણી મદદ કરી શકે છે.