zoukankan      html  css  js  c++  java
  • 关于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()
      ]
    }
  • 相关阅读:
    对于git的认识
    第一篇博客
    结对编程
    对git的认识
    李叔同先生的《梦》
    51nod 1449 砝码称重
    LeetCode 21-29题解
    LeetCode 11-20题解
    LeetCode 6-10 题解
    LeetCode刷题重启博客
  • 原文地址:https://www.cnblogs.com/darkandwhite/p/12483598.html
Copyright © 2011-2022 走看看