Il-"CleanWebpackPlugin" huwa plugin popolari għalih Webpack li jgħinek timmaniġġja l-output tal-bini tiegħek billi tnaddaf id-direttorji speċifikati qabel ma tiġġenera fajls ġodda. Dan jista 'jkun utli biex jipprevjeni fajls qodma jew mhux meħtieġa milli jakkumulaw fid-direttorju tal-bini tiegħek. Hawnhekk hawn spjegazzjoni qasira ta' kif tuża l-CleanWebpackPlugin:
Installazzjoni
L-ewwel, kun żgur li għandek Webpack u webpack-cli installat fil-proġett tiegħek, kif muri fl-ispjegazzjonijiet preċedenti. Imbagħad, installa l-CleanWebpackPlugin:
npm install clean-webpack-plugin --save-dev
Konfigurazzjoni
Iftaħ webpack.config.js il-fajl tiegħek u importa l-plugin:
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
Ġewwa l- plugins firxa, istantanja l- CleanWebpackPlugin:
module.exports = {
// ...other configuration options
plugins: [
new CleanWebpackPlugin()
// ...other plugins
]
};
B'mod awtomatiku, il-plugin se jnaddaf id- output.path definit fil-konfigurazzjoni tiegħek Webpack.
Konfigurazzjoni tad-dwana
Tista 'tippersonalizza l-imġieba tal- CleanWebpackPlugin billi tgħaddi l-għażliet lill-kostruttur tagħha. Pereżempju:
new CleanWebpackPlugin({
cleanOnceBeforeBuildPatterns: ['**/*', '!importantFile.txt']
})
F'dan l-eżempju, il-fajls u d-direttorji kollha se jitnaddfu ħlief għal importantFile.txt.
Running Webpack
Meta tmexxi Webpack biex tibni l-proġett tiegħek, CleanWebpackPlugin awtomatikament se tnaddaf id-direttorji speċifikati qabel ma tiġġenera fajls ġodda tal-bini.
Ftakar li tirreferi għad-dokumentazzjoni uffiċjali ta' clean-webpack-plugin għal konfigurazzjonijiet u għażliet aktar avvanzati. Dan il-plugin jista 'jgħin ħafna fiż-żamma ta' direttorju tal-output tal-bini nadif u jevita imbarazz bla bżonn.