07. CleanWebpackPlugin

于2022-10-20 11:32:48发布

若打包的js文件我们设置了hash值，如：

output : { 
    path : path.resolve(__dirname, 'dist'), 
    filename : 'js/index[hash].js' //有hash值的js
}

则每次打包后，之前的js文件未被删除。

又或者我们修改了打包后的图片文件夹的名字，在进行一次打包，旧的文件夹也不会被删除。这时候我们就要手动删除打包的文件，然后在进行一次打包。这挺麻烦，CleanWebpackPlugin这个插件就是帮助我们删除旧的文件，然后在进行打包。

1、安装

cnpm i clean-webpack-plugin -S

2、配置webpack.config.js

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

plugins:[new CleanWebpackPlugin()]