Clean Webpack Plugin: Zachowaj czystą konstrukcję

„CleanWebpackPlugin” to popularna wtyczka, Webpack która pomaga zarządzać danymi wyjściowymi kompilacji poprzez czyszczenie określonych katalogów przed wygenerowaniem nowych plików. Może to być przydatne, aby zapobiec gromadzeniu się starych lub niepotrzebnych plików w katalogu kompilacji. Oto krótkie wyjaśnienie, jak korzystać z CleanWebpackPlugin:

Instalacja

Najpierw upewnij się, że masz Webpack i webpack-cli zainstalowałeś w swoim projekcie, jak pokazano w poprzednich wyjaśnieniach. Następnie zainstaluj CleanWebpackPlugin:

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

Konfiguracja

Otwórz webpack.config.js plik i zaimportuj wtyczkę:

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

Wewnątrz plugins tablicy utwórz instancję CleanWebpackPlugin:

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

Domyślnie wtyczka wyczyści output.path zdefiniowane w Twojej Webpack konfiguracji.

Konfiguracja niestandardowa

Możesz dostosować zachowanie, CleanWebpackPlugin przekazując opcje do jego konstruktora. Na przykład:

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

W tym przykładzie wszystkie pliki i katalogi zostaną wyczyszczone z wyjątkiem plików importantFile.txt.

Działanie Webpack

Kiedy uruchomisz Webpack kompilację projektu, CleanWebpackPlugin automatycznie wyczyści określone katalogi przed wygenerowaniem nowych plików kompilacji.

Pamiętaj, aby zapoznać się z oficjalną dokumentacją clean-webpack-plugin bardziej zaawansowanych konfiguracji i opcji. Ta wtyczka może znacznie pomóc w utrzymaniu czystego katalogu wyjściowego kompilacji i uniknięciu niepotrzebnego bałaganu.