由于我在打包项目时,发现如果不清空build文件感觉比较慢(也许是错觉),就决定每次build时先清空文件,因此使用比较普及的clean-webpack-plugin插件进行清理,也在此记录一下clean-webpack-plugin踩坑过程。
首先,需要提一点的是这个问题是由clean-webpack-plugin的版本引起的
1、注意clean-webpack-plugin版本问题。
clean-webpack-plugin@3.x.x
2、导入:
const {CleanWebpackPlugin} = require('clean-webpack-plugin');
// 一个简单的方法发现对错:与HtmlWebpackPlugin进行颜色对比
3、参数必须为对象形式:
new CleanWebpackPlugin({
cleanOnceBeforeBuildPatterns:['/build']
//建议写绝对路径
})
clean-webpack-plugin@3.x.x会支持webpack3以上,一般安装也会安装最新版本,以前的版本不多赘言。
官网:https://www.npmjs.com/package/clean-webpack-plugin