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