Clean Webpack Plugin: Поддерживайте чистоту сборки

«CleanWebpackPlugin» — это популярный плагин, Webpack который помогает вам управлять выходными данными сборки, очищая указанные каталоги перед созданием новых файлов. Это может быть полезно для предотвращения накопления старых или ненужных файлов в каталоге сборки. Вот краткое объяснение того, как использовать CleanWebpackPlugin:

Монтаж

Во-первых, убедитесь, что вы установили Webpack его webpack-cli в свой проект, как показано в предыдущих пояснениях. Затем установите CleanWebpackPlugin:

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

Конфигурация

Откройте webpack.config.js файл и импортируйте плагин:

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

Внутри plugins массива создайте экземпляр CleanWebpackPlugin:

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

По умолчанию плагин будет очищать output.path определенные в вашей Webpack конфигурации.

Пользовательская конфигурация

Вы можете настроить поведение объекта CleanWebpackPlugin, передав параметры его конструктору. Например:

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

В этом примере будут очищены все файлы и каталоги, кроме importantFile.txt.

Бег Webpack

Когда вы запускаете Webpack сборку своего проекта, он CleanWebpackPlugin автоматически очищает указанные каталоги перед созданием новых файлов сборки.

Не забудьте обратиться к официальной документации clean-webpack-plugin для более продвинутых конфигураций и опций. Этот плагин может очень помочь в поддержании чистого выходного каталога сборки и избежании ненужного беспорядка.