詳解webpack的clean-webpack-plugin插件報錯
更新時間：2020年10月16日 14:26:25 作者：ABoyCDog
這篇文章主要介紹了詳解webpack的clean-webpack-plugin插件報錯，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
1、出錯代碼
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、錯誤描述
[webpack-cli] TypeError: CleanWebpackPlugin is not a constructor
3、出錯原因
導(dǎo)入插件語句有誤，以及使用有誤
4、解決
應(yīng)改為如下導(dǎo)入語句：
const { CleanWebpackPlugin } = require('clean-webpack-plugin')
// es modules
import { CleanWebpackPlugin} from 'clean-webpack-plugin';
而在使用時也是，如果都是默認(rèn)清空dist文件下下的內(nèi)容的話，默認(rèn)不需要寫參數(shù)。
和默認(rèn)刪除目錄不同時才需要傳入路徑，且需要通過選項`cleanOnceBeforeBuildPatterns`來傳入。
參考 【clean-webpack-plugin】
到此這篇關(guān)于詳解webpack的clean-webpack-plugin插件報錯的文章就介紹到這了,更多相關(guān)webpack clean-webpack-plugin插件內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了基于javascript的異步編程,結(jié)合實例形式分析了javascript異步編程的原理、實現(xiàn)技巧與相關(guān)注意事項,需要的朋友可以參考下2017-04-04
詳解TypeScript中type與interface的區(qū)別
在寫 ts 相關(guān)代碼的過程中，總能看到 interface 和 type 的身影。它們的作用好像都一樣的，相同的功能用哪一個都可以實現(xiàn)，也都很好用，所以也很少去真正的理解它們之間到底有啥區(qū)別，因此本文將詳細(xì)講解二者的區(qū)別，需要的可以參考一下2022-04-04
這篇文章主要介紹了JS仿hao123導(dǎo)航頁面圖片輪播效果，代碼簡單易懂，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-09-09
使用自定義setTimeout和setInterval使之可以傳遞參數(shù)和對象參數(shù)
該函數(shù)兼容ie，firefox。并且可以使用clearSetTimeOut和clearInterval清除，比原setTimeout，setInterval方便很多，并且參數(shù)可以是object。2009-04-04
這篇文章主要介紹了深入淺析JavaScript中的scrollTop的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
JavaScript使用canvas實現(xiàn)flappy bird全流程詳解
這篇文章主要介紹了JavaScript使用canvas實現(xiàn)flappy bird流程，canvas是HTML5提供的一種新標(biāo)簽，它可以支持JavaScript在上面繪畫，控制每一個像素，它經(jīng)常被用來制作小游戲，接下來我將用它來模仿制作一款叫flappy bird的小游戲2023-03-03
這篇文章主要介紹了淺談目前可以使用ES10的5個新特性，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
這篇文章主要介紹了如何在CocosCreator中做一個List，對List列表感興趣的同學(xué)，不妨來試驗一下2021-04-04
這篇文章主要介紹了微信小程序點擊保存圖片到本機功能，本文通過實例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
!!一般用來將后面的表達(dá)式強制轉(zhuǎn)換為布爾類型的數(shù)據(jù)，因為javascript是弱類型的語言，所以有時需要強制轉(zhuǎn)換為相應(yīng)的類型2014-09-09