详解webpack的clean-webpack-plugin插件报错


Posted in Javascript onOctober 16, 2020

1、出错代码

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

module.exports = {
 entry: './input.js',
 output: {
  path: path.resolve(__dirname, 'dist'),
  filename: 'output.bundle.js'
 },
 mode: 'development',
 plugins: [
  new CleanWebpackPlugin()
 ],
 module: {
  rules: [
   {
    test: /\.(png|jpg|gif)$/i,
    use: [
     {
      loader: 'url-loader',
      options: {
       // limit: 8192 // 说明小于8192字节也就是8k才会执行
       limit: 919200
      }
     }
    ]
   }
  ]
 }
}

2、错误描述

 [webpack-cli] TypeError: CleanWebpackPlugin is not a constructor

3、出错原因

导入插件语句有误,以及使用有误

4、解决

应改为如下导入语句:

const { CleanWebpackPlugin } = require('clean-webpack-plugin')
  
  // es modules
  import { CleanWebpackPlugin} from 'clean-webpack-plugin';

而在使用时也是,如果都是默认清空dist文件下下的内容的话,默认不需要写参数。

和默认删除目录不同时才需要传入路径,且需要通过选项`cleanOnceBeforeBuildPatterns`来传入。

参考 【clean-webpack-plugin】

到此这篇关于详解webpack的clean-webpack-plugin插件报错的文章就介绍到这了,更多相关webpack clean-webpack-plugin插件内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
又一个图片自动缩小的JS代码
Mar 10 Javascript
封装的jquery翻页滚动(示例代码)
Nov 18 Javascript
基于jQuery实现仿淘宝套餐选择插件
Mar 04 Javascript
drag-and-drop实现图片浏览器预览
Aug 06 Javascript
JS百度地图搜索悬浮窗功能
Jan 12 Javascript
JS图片压缩(pc端和移动端都适用)
Jan 12 Javascript
AngularJS改变元素显示状态
Apr 20 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 Javascript
vue弹窗组件使用方法
Apr 28 Javascript
Express的HTTP重定向到HTTPS的方法
Jun 06 Javascript
vant IndexBar实现的城市列表的示例代码
Nov 20 Javascript
JS数组及对象遍历方法代码汇总
Jun 16 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 #Javascript
JS跨浏览器解析XML应用过程详解
Oct 16 #Javascript
JS实现简易图片自动轮播
Oct 16 #Javascript
JS绘图Flot如何实现动态可刷新曲线图
Oct 16 #Javascript
基于JQuery和DWR实现异步数据传递
Oct 16 #jQuery
JS绘图Flot应用图形绘制异常解决方案
Oct 16 #Javascript
swiper4实现移动端导航栏tab滑动切换
Oct 16 #Javascript
You might like
推荐十款免费 WordPress 插件
2015/03/24 PHP
mysql_connect localhost和127.0.0.1的区别(网络层阐述)
2015/03/26 PHP
CI框架教程之优化验证码机制详解【验证码辅助函数】
2019/04/16 PHP
mysqli扩展无法在PHP7下升级问题的解决
2019/09/10 PHP
ThinkPHP 5.x远程命令执行漏洞复现
2019/09/23 PHP
javascript移出节点removeChild()使用介绍
2014/04/03 Javascript
浅谈javascript 迭代方法
2015/01/21 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
Jquery操作Ajax方法小结
2015/11/29 Javascript
使用vue编写一个点击数字计时小游戏
2016/08/31 Javascript
js实现做通讯录的索引滑动显示效果和滑动显示锚点效果
2017/02/18 Javascript
Webpack打包字体font-awesome的方法示例
2018/04/26 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
详解vue-cli3 中跨域解决方案
2019/04/10 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
Vue使用CDN引用项目组件,减少项目体积的步骤
2020/10/30 Javascript
Python抓取框架 Scrapy的架构
2016/08/12 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
python写入数据到csv或xlsx文件的3种方法
2019/08/23 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
pytorch 中的重要模块化接口nn.Module的使用
2020/04/02 Python
django 实现后台从富文本提取纯文本
2020/07/02 Python
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
墨尔本照明批发商店:Mica Lighting
2017/12/28 全球购物
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
精细化工应届生求职信
2013/11/17 职场文书
工厂厂长的职责
2013/12/12 职场文书
新闻专业个人求职信
2013/12/19 职场文书
《孔繁森》教学反思
2014/04/17 职场文书
2014年文学毕业生自我鉴定
2014/04/23 职场文书
家庭贫困证明
2014/09/23 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
聋哑人盗窃罪辩护词
2015/05/21 职场文书
入党介绍人意见怎么写
2015/06/03 职场文书
债务追讨律师函
2015/06/24 职场文书