Clean Webpack Plugin: Pertahankan Bangunan yang Bersih

"CleanWebpackPlugin" adalah plugin populer Webpack yang membantu Anda mengelola keluaran build dengan membersihkan direktori tertentu sebelum membuat file baru. Ini dapat berguna untuk mencegah file lama atau yang tidak perlu terakumulasi di direktori build Anda. Berikut penjelasan singkat tentang cara menggunakan CleanWebpackPlugin:

Instalasi

Pertama, pastikan Anda memiliki Webpack dan webpack-cli menginstal di proyek Anda, seperti yang ditunjukkan pada penjelasan sebelumnya. Kemudian, instal CleanWebpackPlugin:

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

Konfigurasi

Buka webpack.config.js file Anda dan impor plugin:

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

Di dalam plugins array, buat instance CleanWebpackPlugin:

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

Secara default, plugin akan membersihkan yang output.path ditentukan dalam konfigurasi Anda Webpack.

Konfigurasi Kustom

Anda dapat menyesuaikan perilaku CleanWebpackPlugin dengan meneruskan opsi ke konstruktornya. Misalnya:

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

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

Berlari Webpack

Ketika Anda menjalankan Webpack untuk membangun proyek Anda, CleanWebpackPlugin secara otomatis akan membersihkan direktori yang ditentukan sebelum membuat file pembangunan baru.

Ingatlah untuk merujuk ke dokumentasi resmi clean-webpack-plugin untuk konfigurasi dan opsi lebih lanjut. Plugin ini dapat sangat membantu dalam memelihara direktori keluaran build yang bersih dan menghindari kekacauan yang tidak perlu.