Clean Webpack Plugin: Behalten Sie einen sauberen Build bei

Das „CleanWebpackPlugin“ ist ein beliebtes Plugin, Webpack das Ihnen bei der Verwaltung Ihrer Build-Ausgabe hilft, indem es die angegebenen Verzeichnisse bereinigt, bevor neue Dateien generiert werden. Dies kann nützlich sein, um zu verhindern, dass sich alte oder unnötige Dateien in Ihrem Build-Verzeichnis ansammeln. Hier eine kurze Erklärung zur Verwendung des CleanWebpackPlugins:

Installation

Stellen Sie zunächst sicher, dass Sie Webpack es webpack-cli in Ihrem Projekt installiert haben, wie in den vorherigen Erklärungen gezeigt. Installieren Sie dann das CleanWebpackPlugin:

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

Aufbau

Öffnen Sie Ihre webpack.config.js Datei und importieren Sie das Plugin:

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

Instanziieren Sie innerhalb des plugins Arrays Folgendes CleanWebpackPlugin:

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

Standardmäßig bereinigt das Plugin die output.path in Ihrer Webpack Konfiguration definierten Daten.

Benutzerdefinierte Konfiguration

Sie können das Verhalten anpassen CleanWebpackPlugin, indem Sie Optionen an seinen Konstruktor übergeben. Zum Beispiel:

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

In diesem Beispiel werden alle Dateien und Verzeichnisse außer. bereinigt importantFile.txt.

Läuft Webpack

Wenn Sie Webpack Ihr Projekt erstellen, CleanWebpackPlugin werden die angegebenen Verzeichnisse automatisch bereinigt, bevor neue Build-Dateien generiert werden.

clean-webpack-plugin Denken Sie daran, für erweiterte Konfigurationen und Optionen die offizielle Dokumentation von zu konsultieren. Dieses Plugin kann sehr dabei helfen, ein sauberes Build-Ausgabeverzeichnis aufrechtzuerhalten und unnötige Unordnung zu vermeiden.