Clean Webpack Plugin: Njaga mbangun resik

"CleanWebpackPlugin" minangka plugin populer Webpack sing mbantu sampeyan ngatur output mbangun kanthi ngresiki direktori sing ditemtokake sadurunge nggawe file anyar. Iki bisa migunani kanggo nyegah file lawas utawa ora perlu saka akumulasi ing direktori mbangun sampeyan. Mangkene panjelasan ringkes babagan cara nggunakake CleanWebpackPlugin:

Instalasi

Pisanan, priksa manawa sampeyan duwe Webpack lan webpack-cli nginstal ing proyek sampeyan, kaya sing ditampilake ing panjelasan sadurunge. Banjur, instal CleanWebpackPlugin:

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

Konfigurasi

Bukak webpack.config.js file lan impor plugin:

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

Ing plugins array, instantiate CleanWebpackPlugin:

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

Kanthi gawan, plugin bakal ngresiki sing output.path ditetepake ing konfigurasi sampeyan Webpack.

Konfigurasi Kustom

Sampeyan bisa ngatur prilaku CleanWebpackPlugin kanthi menehi pilihan kanggo konstruktor. Tuladhane:

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

Ing conto iki, kabeh file lan direktori bakal di resiki kajaba importantFile.txt.

mlaku Webpack

Nalika sampeyan mbukak Webpack kanggo mbangun proyek, CleanWebpackPlugin bakal kanthi otomatis ngresiki direktori kasebut sadurunge ngasilake file mbangun anyar.

Elinga ngrujuk menyang dokumentasi resmi kanggo clean-webpack-plugin konfigurasi lan opsi sing luwih maju. Plugin iki bisa mbantu njaga direktori output sing resik lan ngindhari keruwetan sing ora perlu.