Clean Webpack Plugin: Säilytä puhdas rakenne

"CleanWebpackPlugin" on suosittu laajennus, Webpack jonka avulla voit hallita koontitulostusta puhdistamalla määritetyt hakemistot ennen uusien tiedostojen luomista. Tämä voi olla hyödyllistä estääksesi vanhoja tai tarpeettomia tiedostoja kerääntymästä rakennushakemistoosi. Tässä on lyhyt selostus CleanWebpackPluginin käytöstä:

Asennus

Varmista ensin, että sinulla on Webpack ja webpack-cli asennettu projektiisi, kuten edellisissä selityksissä näkyy. Asenna sitten CleanWebpackPlugin:

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

Kokoonpano

Avaa webpack.config.js tiedosto ja tuo laajennus:

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

plugins Instantoi taulukon sisällä CleanWebpackPlugin:

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

Oletusarvoisesti laajennus puhdistaa output.path määrityksissäsi määritetyt Webpack.

Mukautettu kokoonpano

Voit mukauttaa sen toimintaa CleanWebpackPlugin välittämällä valinnat sen rakentajalle. Esimerkiksi:

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

Tässä esimerkissä kaikki tiedostot ja hakemistot puhdistetaan paitsi importantFile.txt.

Juoksemassa Webpack

Kun suoritat Webpack projektin rakentamisen, se CleanWebpackPlugin puhdistaa määritetyt hakemistot automaattisesti ennen uusien koontitiedostojen luomista.

Muista katsoa virallisesta dokumentaatiosta clean-webpack-plugin edistyneemmät kokoonpanot ja vaihtoehdot. Tämä laajennus voi auttaa suuresti ylläpitämään puhdasta koontitulostushakemistoa ja välttämään tarpeettomia sotkuja.