webpack的clean-webpack-plugin插件出現(xiàn)報(bào)錯(cuò)怎么解決

發(fā)布時(shí)間：2020-10-27 16:11:34 來源：億速云閱讀：287 作者：Leah 欄目：開發(fā)技術(shù)

今天就跟大家聊聊有關(guān)webpack的clean-webpack-plugin插件出現(xiàn)報(bào)錯(cuò)怎么解決，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結(jié)了以下內(nèi)容，希望大家根據(jù)這篇文章可以有所收獲。

1、出錯(cuò)代碼

const path = require('path')
const CleanWebpackPlugin = require('clean-webpack-plugin')
// const { CleanWebpackPlugin } = require('clean-webpack-plugin')

module.exports = {
 entry: './input.js',
 output: {
  path: path.resolve(__dirname, 'dist'),
  filename: 'output.bundle.js'
 },
 mode: 'development',
 plugins: [
  new CleanWebpackPlugin()
 ],
 module: {
  rules: [
   {
    test: /\.(png|jpg|gif)$/i,
    use: [
     {
      loader: 'url-loader',
      options: {
       // limit: 8192 // 說明小于8192字節(jié)也就是8k才會執(zhí)行
       limit: 919200
      }
     }
    ]
   }
  ]
 }
}

2、錯(cuò)誤描述

[webpack-cli] TypeError: CleanWebpackPlugin is not a constructor

3、出錯(cuò)原因

導(dǎo)入插件語句有誤，以及使用有誤

4、解決

應(yīng)改為如下導(dǎo)入語句：

  const { CleanWebpackPlugin } = require('clean-webpack-plugin')
  
  // es modules
  import { CleanWebpackPlugin} from 'clean-webpack-plugin';

而在使用時(shí)也是，如果都是默認(rèn)清空dist文件下下的內(nèi)容的話，默認(rèn)不需要寫參數(shù)。

和默認(rèn)刪除目錄不同時(shí)才需要傳入路徑，且需要通過選項(xiàng)`cleanOnceBeforeBuildPatterns`來傳入。

看完上述內(nèi)容，你們對webpack的clean-webpack-plugin插件出現(xiàn)報(bào)錯(cuò)怎么解決有進(jìn)一步的了解嗎？如果還想了解更多知識或者相關(guān)內(nèi)容，請關(guān)注億速云行業(yè)資訊頻道，感謝大家的支持。

向AI問一下細(xì)節(jié)

webpack的clean-webpack-plugin插件出現(xiàn)報(bào)錯(cuò)怎么解決

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽