关于clean-webpack-plugin使用问题

webpack官网上,对于clean-webpack-plugin是这样引用的:

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

module.exports = {
  mode: "development",
  entry:{...},
  output:{...},
  module:{...},
  plugins:[
   new CleanWebpackPlugin(['dist'])
  ]
}

当我运行webpack命令,进行打包时,出现 TypeError: CleanWebpackPlugin is not a constructor。起初,我以为是我自己代码打错了,并粘贴复制webpack官网上代码,运行webpack命令时,依旧出现如上错误。

在这里解释一下,webpack插件都是一个功能函数,帮我们解决特定的事情。(相当于express里面的middleware,我自己是这么理解的。)根据错误,那么很有可能是源头出了问题,(即require进来的时候)。

 npm官网地址:https://www.npmjs.com/package/clean-webpack-plugin

点击上面链接自动跳转到clean-webpack-plugin在npm上资源页面。

解决办法:使用{}包裹CleanWebpackPlugin, 并在创建实例方法不要添加参数,实际代码如下:

const {CleanWebpackPlugin} = require("clean-webpack-plugin");

module.exports = {
  mode: "development",
  entry:{...},
  output:{...},
  module:{...},
  plugins:[
   new CleanWebpackPlugin()
  ]
}

猜你喜欢

转载自www.cnblogs.com/darkandwhite/p/12483598.html
今日推荐