若打包的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()]