详解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 相关文章推荐
javascript 处理HTML元素必须避免使用的一种方法
Jul 30 Javascript
关于js获取radio和select的属性并控制的代码
May 12 Javascript
探索Emberjs制作一个简单的Todo应用
Nov 07 Javascript
jQuery实现跟随鼠标运动图层效果的方法
Feb 02 Javascript
js实现Select列表各项上移和下移的方法
Aug 14 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
Sep 15 Javascript
利用jQuery实现WordPress中@的ID悬浮显示评论内容
Dec 11 Javascript
Node.js 中exports 和 module.exports 的区别
Mar 14 Javascript
angular学习之ngRoute路由机制
Apr 12 Javascript
Vue Prop属性功能与用法实例详解
Feb 23 Javascript
layui 对弹窗 form表单赋值的实现方法
Sep 04 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 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
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
php实现微信发红包功能
2018/07/13 PHP
JQuery 选择器 xpath 语法应用
2010/05/13 Javascript
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
2011/10/31 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
2015/08/24 Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
2016/06/02 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
jquery实现左右滑动式轮播图
2017/03/02 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
JS正则获取HTML元素的方法
2017/03/31 Javascript
Angularjs 实现动态添加控件功能
2017/05/25 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
2017/08/03 Javascript
浅谈webpack-dev-server的配置和使用
2018/05/17 Javascript
vue-cli3 从搭建到优化的详细步骤
2019/01/20 Javascript
基于Vue SEO的四种方案(小结)
2019/07/01 Javascript
layui.tree组件的使用以及搜索节点功能的实现
2019/09/26 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
2020/02/05 Javascript
python使用百度翻译进行中翻英示例
2014/04/14 Python
Ubuntu16.04/树莓派Python3+opencv配置教程(分享)
2018/04/02 Python
教你利用Python玩转histogram直方图的五种方法
2018/07/30 Python
python中for循环输出列表索引与对应的值方法
2018/11/07 Python
Python 利用高德地图api实现经纬度与地址的批量转换
2019/08/14 Python
Python学习笔记之函数的参数和返回值的使用
2019/11/20 Python
Python使用Turtle模块绘制国旗的方法示例
2021/02/28 Python
美国销售第一的智能手机和平板电脑保护壳:OtterBox
2017/12/21 全球购物
BAILEY 44官网:美国制造的女性服装
2019/07/01 全球购物
秘书岗位职责
2013/11/18 职场文书
毕业晚会主持词
2014/03/24 职场文书
公司节能减排方案
2014/05/16 职场文书
购房公证委托书(2014版)
2014/09/12 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
2014年医生工作总结
2014/11/21 职场文书
Java中try catch处理异常示例
2021/12/06 Java/Android
Elasticsearch 配置详解
2022/04/19 Java/Android