CleanWebpackPlugin is not a constructor

最新推荐文章于 2023-11-14 09:26:19 发布

帅气kkkk

最新推荐文章于 2023-11-14 09:26:19 发布

阅读量871

点赞数

分类专栏： webpack 文章标签： webpack clean-webpack-plugin

webpack 专栏收录该内容

2 篇文章

订阅专栏

博主跟着Webpack官网demo操作时发现问题，经查找得知现在的版本使用CleanWebpackPlugin无需指定文件路径，直接调用new CleanWebpackPlugin()即可。此外还分享了自创的AntDesign Form快速生成器链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

今天自己跟着webpack官网的demo一步步走下来。发现了这个问题。
在这里插入图片描述

查了一圈。发现了这个博主。nice！

// webpack版本：4.34.0
 
// 抛错原写法
const CleanWebpackPlugin = require("clean-webpack-plugin");
 
...
 
plugins: [
    new CleanWebpackPlugin(['dist'])
]
 
...
 
// 另一种错误写法
 
const CleanWebpackPlugin = require("clean-webpack-plugin");
 
...
 
plugins: [
    new CleanWebpackPlugin(['dist'], {
        root: path.resolve(__dirname, '../'),   //根目录
    })
]
 
...
 
// =============================分割线==============================
 
// 正确写法
 
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
 
...
 
plugins: [
    new CleanWebpackPlugin()
]

现在的版本不用指定文件路径了，直接调用new CleanWebpackPlugin()
在这里插入图片描述
索引：https://blog.youkuaiyun.com/qq_36242361/article/details/90709258