Clean Webpack Plugin: Tiszta felépítés fenntartása

A "CleanWebpackPlugin" egy népszerű bővítmény, Webpack amely segít kezelni a build kimenetét azáltal, hogy megtisztítja a megadott könyvtárakat, mielőtt új fájlokat generálna. Ez hasznos lehet annak megakadályozására, hogy régi vagy szükségtelen fájlok halmozódjanak fel a build könyvtárában. Íme egy rövid magyarázat a CleanWebpackPlugin használatához:

Telepítés

Először is győződjön meg arról, hogy rendelkezik-e Webpack és webpack-cli telepítette a projektet, ahogy az az előző magyarázatokban is látható. Ezután telepítse a CleanWebpackPlugin-t:

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

Konfiguráció

Nyissa meg webpack.config.js a fájlt, és importálja a bővítményt:

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

A tömbön belül plugins példányosítsa a következőt CleanWebpackPlugin:

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

Alapértelmezés szerint a beépülő modul törli a output.path konfigurációban meghatározottakat Webpack.

Egyéni konfiguráció

Testreszabhatja a viselkedését, CleanWebpackPlugin ha opciókat ad át a konstruktorának. Például:

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

Ebben a példában az összes fájl és könyvtár meg lesz tisztítva, kivéve a importantFile.txt.

Futás Webpack

Amikor futtatja Webpack a projekt felépítését, a program CleanWebpackPlugin automatikusan megtisztítja a megadott könyvtárakat, mielőtt új összeállítási fájlokat generálna.

Ne felejtse el olvasni a hivatalos dokumentációt clean-webpack-plugin a fejlettebb konfigurációkról és opciókról. Ez a beépülő modul nagyban segíthet a tiszta összeállítási kimeneti könyvtár fenntartásában és a felesleges zűrzavar elkerülésében.