webpack 打包报错：CleanWebpackPlugin is not a constructor 解决方案

最新推荐文章于 2022-06-06 14:04:08 发布
原创 最新推荐文章于 2022-06-06 14:04:08 发布 · 718 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何使用Webpack的CleanWebpackPlugin插件来简化构建过程，不再需要在plugins实例化时传入目录参数。 
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
plugins: [
+     new CleanWebpackPlugin()
 ]

 plugins 实例化插件不需要再传目录。

记一个webpack升级问题TypeError: webpack.HashedModuleIdsPlugin is not a constructor
蛐蛐的博客
07-20 5817
1.简介 webpack升级到5后，出现这个问题 2.解决 使用代替newHashedModuleIdsPlugin() optimization: { moduleIds: 'hashed', }
Vue3 - vite 项目报错：Uncaught ReferenceError: require is not defined（解决 vue3 vite 项目无法识别 require 语法导致报错）
最新发布
🏆 前端领域优质创作者
12-16 2万+
vue3，vite，报错解决，vue3+vite报错requireisnotdefined，vue3vite引插件不识别require，老插件必须用require怎么办，vite项目插件要求使用require引入但报错，vue3不兼容require导致第三方包插件无法使用，vue3vite中使用require报错怎么办，解决Vite+vue3使用第三方依赖报错“requireisnotdefined”问题，vite项目require语法兼容问题解决requireisnotdefine
clean-webpack-plugin 3.0以上版报错，TypeError: CleanWebpackPlugin is not a constructor
weixin_34318272的博客
06-10 2290
使用 clean-webpack-plugin 插件后，在打包过程中，抛出 TypeError: CleanWebpackPlugin is not a constructor 的错误 ❎ // "webpack": "^4.33.0" // "clean-webpack-plugin": "^3.0.0" //报错时配置 const CleanWebpackPlugin = require(...
Webpack 打包运行时 报错：CleanWebpackPlugin is not a constructor
TobEABetterMan_的博客
02-21 575
问题描述： 在webpack 进行打包过程中，cmd报错，打包失败原因是CleanWebpackPlugin is not a constructor， 原写法是，webpack@4 版本中的: const CleanWebpackPlugin = require('clean-webpack-plugin') plugins:[new CleanWebpackPlugin(['dist'])] 原因分析及解决： 随着webpack@5发布 ，舍弃掉这种写法，而是采用长得像es6解构赋值一样的：
webpack使用CleanWebpackPlugin插件时报错：CleanWebpackPlugin is not a constructor
Allen-Ye博客
04-02 376
学习webpack时，在使用cleanWebpackPlugin时，提示错误webpack使用CleanWebpackPlugin插件时报错：CleanWebpackPlugin is not a constructor,翻了一下官方文档，发现写法改了。 按照新的写法，require时，要使用{ CleanWebpackPlugin }的写法 在插件引用时，不能传递参数，new CleanWeb...
webpack插件使用报错：CleanWebpackPlugin is not a constructor
H_xiang_xiang的博客
06-21 351
用 clean-webpack-plugin 插件，在每次发布之前先把dist老文件清空 npm install -D clean-webpack-plugin package.json 简化打包指令 “scripts”:{ "pub": "webpack --config webpack.publish.config.js" } webpack.publish.config.js 错误配置 const CleanWebpackPlugin = require('clean-webpack-plug
TypeError: cleanWebpackPlugin is not a constructor 问题已解决
weixin_55242897的博客
02-28 1237
项目场景 const path = require('path') const htmlWebpackPlugin = require('html-webpack-plugin') //导入每次删除文件夹的插件 //此下一行为错误引用，{ CleanWebpackPlugin }为固定导入法，引用时用new CleanWebpackPlugin() //const cleanWebpackPlugin = require('clean-webpack-plugin') const { CleanWebpa
TypeError: CleanWebpackPlugin is not a constructor
benben的博客
07-19 2917
引起错误的代码 const path = require('path'); const CleanWebpackPlugin = require('clean-webpack-plugin'); module.exports = { entry : { app : './src/index.js', print: './src/print.js' ...
前端代码 Jenkins 线上打包报错：TypeError: StackFrame is not a constructor
weixin_43299180的博客
06-06 3622
两个月没来公司上班，今日开工遇到一个及其有意思的问题：Jenkins 线上打包前端代码，在控制台日志中打包的时候报错： 因为疫情期间大家都是居家办公，Jenkins 服务器配置和前端项目配置都没有改动，所以看到这种报错一时无从下手，但是可以看出这是 引入出了问题，具体啥问题下面梳理一下； 1、翻译报错信息 猛的一看不知道这个到底是啥意思；2、查找 babel 配置 项目是 vue-cli3 搭建的，找到了 babel.config.js 文件： vue/cli-plugin-babel/preset 在
webpack 升级问题 webpack.NamedModulesPlugin is not a constructor
小妖666个人笔记
12-28 1万+
用最新版本 webpack 时出错：webpack.NamedModulesPlugin is not a constructor 提示用 use config.optimization.namedModules 替换 'NamedModulesPlugin' is deprecated 这是我的配置文件 webpack.config.js const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-p
webpack打包报错CleanWebpackPlugin is not a constructor
天心天地生的博客
10-24 1293
问题描述 版本信息 webpack 4.41.2 clean-webpack-plugin 3.0.0 webpack打包报错信息 CleanWebpackPlugin is not a constructor. Webpack Config const path = require('path'); const HtmlWebpackPlugin = require('html-web...
CleanWebpackPlugin is not a constructor解决方法
boyzzy1995的博客
07-19 873
现在cleanwebpackplugin已经升级到了3.0.0了，所以以前的方法并不适用了。 新的方法： const { CleanWebpackPlugin } = require('clean-webpack-plugin'); const webpackConfig = { plugins: [ /** * All files inside we...
js报错：TypeError: Date is not a constructor
ozoZai的博客
11-24 9269
前言 半夜敲代码总是容易出bug，就在刚刚又出了个小bug，把我整蒙了。 我在写一个时间格式化的函数，需要先new Date() let date = new Date(timeStamp); 单纯看上面的代码是没有问题的，但运行的时候就报错 我寻思着，这必不可能阿！！我还各种尝试都还是报错。 后来我看着这段代码，感觉哪里不太对劲 我记得平时的时候Date是绿色的，像下面这样 但是现在却是这样的↓ 这时可能已经有人发现了，原来是我下面声明了一个Date，然后在这个作用域里， const Date
webpack 升级报错 webpack.NamedModulesPlugin is not a constructor
从零开始的Rem486
10-14 7151
使用 webpack@5.58.1 的时候报错：TypeError: webpack.NamedModulesPlugin is not a constructor 配置文件如下，webpack.config.js： const webpack = require('webpack'); const { merge } = require('webpack-merge'); const baseConfig = require('./webpack.config.base'); module.expor
2021-06-14 使用新版本Webpack做课程实验所遇到的错误
weixin_44345975的博客
06-14 403
使用新版本Webpack做课程实验所遇到的错误 错误① Error: Cannot find module 'webpack-cli/bin/config-yargs' 原因： 在webpack-cli 4以上版本中，不可以用webpack-dev-server启动项目，需要通过webpack serve… 或者修改webpack-cli版本改为3.x 解决方法： 我是用的修改版本的方法来解决的 npm install webpack-cli@3 --save-dev 错误② new webpack.Nam
ReferenceError: webpack is not defined
xiaoxiamimm的博客
11-27 6727
刚才引入 new webpack.BannerPlugin('版权归牛XX公司所有') 报错： [webpack-cli] ReferenceError: webpack is not defined at Object.<anonymous> (E:\workplace\vuework\webpack\04-webpack配置vue\webpack.config.js:76:13) at Module._compile (E:\workplace\vuework\webpa
ReferenceError: webpack is not defined问题
GAOGAO_94的博客
03-31 1万+
创建webpack配置文件后，运行webpack操作出错： 解决： You are missing var webpack = require('webpack'); 之后再执行webpack成功
提升Webpack打包速度：完美解决方案
"Webpack打包慢问题的解决方案" Webpack在处理大量模块时的确可能导致打包速度变慢，这在项目中是个常见的问题，特别是当涉及到大型应用或频繁开发时。以下是一些针对Webpack打包慢问题的优化策略： 1. **配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值