Clean Webpack Plugin: Dumisha Jengo Safi

"CleanWebpackPlugin" ni programu-jalizi maarufu Webpack ambayo hukusaidia kudhibiti pato lako la ujenzi kwa kusafisha saraka zilizobainishwa kabla ya kutoa faili mpya. Hii inaweza kuwa muhimu kuzuia faili za zamani au zisizo za lazima kukusanyika kwenye saraka yako ya ujenzi. Hapa kuna maelezo mafupi ya jinsi ya kutumia CleanWebpackPlugin:

Ufungaji

Kwanza, hakikisha umeweka Webpack na webpack-cli umesakinisha katika mradi wako, kama inavyoonyeshwa katika maelezo yaliyotangulia. Kisha, sakinisha CleanWebpackPlugin:

npm install clean-webpack-plugin --save-dev

Usanidi

Fungua webpack.config.js faili yako na uingize programu-jalizi:

const { CleanWebpackPlugin } = require('clean-webpack-plugin');

Ndani ya plugins safu, sisitiza CleanWebpackPlugin:

module.exports = {  
  // ...other configuration options  
  
  plugins: [  
    new CleanWebpackPlugin()  
    // ...other plugins  
  ]  
};  

Kwa chaguo-msingi, programu-jalizi itasafisha output.path iliyofafanuliwa katika Webpack usanidi wako.

Usanidi Maalum

Unaweza kubinafsisha tabia ya CleanWebpackPlugin kwa kupitisha chaguzi kwa mjenzi wake. Kwa mfano:

new CleanWebpackPlugin({  
  cleanOnceBeforeBuildPatterns: ['**/*', '!importantFile.txt']  
})  

Katika mfano huu, faili zote na saraka zitasafishwa isipokuwa importantFile.txt.

Kimbia Webpack

Unapokimbia Webpack kujenga mradi wako, CleanWebpackPlugin itasafisha kiotomatiki saraka zilizobainishwa kabla ya kutoa faili mpya za ujenzi.

Kumbuka kurejelea hati rasmi za clean-webpack-plugin usanidi na chaguzi za hali ya juu zaidi. Programu-jalizi hii inaweza kusaidia sana katika kudumisha saraka safi ya pato la ujenzi na kuzuia msongamano usio wa lazima.