webpack打包之clean-webpack-plugin插件 默认下载4.0.0版本的踩坑记录

关于使用clean-webpack-plugin插件打包报错问题，起初在网上寻找解决方案，有很多相关的文章博客都有谈到。

起初使用插件报错

TypeError: CleanWebpackPlugin is not a constructor

解决方案一之插件引入方式错误

const CleanWebpackPlugin = require('clean-webpack-plugin'); // 1.0.0版本 2.0.0版本 const { CleanWebpackPlugin } = require('clean-webpack-plugin'); // 3.0.0版本

解决方案二之插件使用方式错误

new CleanWebpackPlugin(), // 这样就可以了，里面不需要加什么路径了

改完发现还是会报错

E:\vuework\my-project\node_modules\clean-webpack-plugin\dist\clean-webpack-plugin.js:83hooks.emit.tap('clean-webpack-plugin', compilation => {^ TypeError: Cannot read property 'emit' of undefined

最后发现原来是使用4.0.0版本导致的

固定下载3.0.0版本(npm install --save-dev clean-webpack-plugin@3.0.0)

到这里问题就解决了。

总结

以上是生活随笔为你收集整理的webpack打包之clean-webpack-plugin插件 默认下载4.0.0版本的踩坑记录的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。