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

最新推荐文章于 2022-09-27 15:08:55 发布

H_xiang_xiang

最新推荐文章于 2022-09-27 15:08:55 发布

阅读量318

点赞数

分类专栏：前端文章标签： webpack

本文链接：https://blog.csdn.net/H_xiang_xiang/article/details/118081591

版权

前端专栏收录该内容

29 篇文章

订阅专栏

我使用的webpack版本是 “webpack”: “^5.38.1”,，webpack 4之后有很多东西用法发生了变化，在此简单记录使用中出现过的问题。

本篇目标：用 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-plugin')
module.exports = {
  ...
  plugins: [
    // 指定每次发布前要清空的文件夹
    new CleanWebpackPlugin(['dist'])
  ]
  ...
}

在这里插入图片描述

正确配置

 const {CleanWebpackPlugin} = require('clean-webpack-plugin')
 module.exports = {
   ...
   plugins: [
     // 指定每次发布前要清空的文件夹
     new CleanWebpackPlugin()
   ]
   ...
 }