webpack使用CleanWebpackPlugin插件时报错：CleanWebpackPlugin is not a constructor

最新推荐文章于 2023-02-04 21:10:44 发布

Jackie2008

最新推荐文章于 2023-02-04 21:10:44 发布

阅读量1.6k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： webpack 文章标签： webpack cleanwebpackplugin

本文链接：https://blog.csdn.net/Jackie2008/article/details/91904705

webpack 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了在使用webpack和CleanWebpackPlugin时遇到的错误：CleanWebpackPlugin is not a constructor，并提供了更新后的正确配置方法，帮助读者避免常见陷阱。

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

学习webpack时，按照教程step by step，在使用cleanWebpackPlugin时，提示错误webpack使用CleanWebpackPlugin插件时报错：CleanWebpackPlugin is not a constructor,翻了一下官方文档，发现写法改了。
原来的写法：

const CleanWebpackPlugin  = require('clean-webpack-plugin');

module.exports = {
	mode: 'production', 
	entry: './src/index.js',
    output: {
       	 filename: 'bundle.js',
        	path: path.resolve(__dirname,'dist')
    		},
    },
    plugins: [
        new HtmlWebpackPlugin({template: 'src/index.html'}),
        new CleanWebpackPlugin(['dist]),
    ],
}

按照新的写法，require时，要使用{ CleanWebpackPlugin }的写法
在插件引用时，不能传递参数，new CleanWebpackPlugin(),，具体如下：

const { CleanWebpackPlugin } = require('clean-webpack-plugin');
module.exports = {
	mode: 'production', 
	entry: './src/index.js',
    output: {
       	 filename: 'bundle.js',
        	path: path.resolve(__dirname,'dist')
    		},
    },
    plugins: [
        new HtmlWebpackPlugin({template: 'src/index.html'}),
        new CleanWebpackPlugin(),
    ],
}