Clean Webpack Plugin: Kekalkan Binaan yang Bersih

"CleanWebpackPlugin" ialah pemalam popular Webpack yang membantu anda mengurus output binaan anda dengan membersihkan direktori yang ditentukan sebelum menjana fail baharu. Ini berguna untuk menghalang fail lama atau tidak diperlukan daripada terkumpul dalam direktori binaan anda. Berikut ialah penjelasan ringkas tentang cara menggunakan CleanWebpackPlugin:

Pemasangan

Mula-mula, pastikan anda mempunyai Webpack dan webpack-cli memasang dalam projek anda, seperti yang ditunjukkan dalam penjelasan sebelumnya. Kemudian, pasang CleanWebpackPlugin:

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

Konfigurasi

Buka webpack.config.js fail anda dan import pemalam:

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

Di dalam plugins tatasusunan, nyatakan CleanWebpackPlugin:

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

Secara lalai, pemalam akan membersihkan yang output.path ditakrifkan dalam konfigurasi anda Webpack.

Konfigurasi Tersuai

Anda boleh menyesuaikan tingkah laku CleanWebpackPlugin dengan menghantar pilihan kepada pembinanya. Sebagai contoh:

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

Dalam contoh ini, semua fail dan direktori akan dibersihkan kecuali importantFile.txt.

Berlari Webpack

Apabila anda menjalankan Webpack untuk membina projek anda, CleanWebpackPlugin secara automatik akan membersihkan direktori yang ditentukan sebelum menjana fail binaan baharu.

Ingat untuk merujuk kepada dokumentasi rasmi clean-webpack-plugin untuk konfigurasi dan pilihan yang lebih maju. Pemalam ini boleh membantu dalam mengekalkan direktori output binaan yang bersih dan mengelakkan kekacauan yang tidak perlu.