使用clean-webpack-plugin小插件報錯CleanWebpackPlugin is not a constructor


clean-webpack-plugin是webpack的一個小插件:
由於每次打包的時候有可能文件名稱不一樣,打包后的文件就疊加到dist目錄下了。
所以cleanWebPackPlugin作用就是在每次打包之前,先把dist目錄刪掉,創建最新的目錄,避免一些不必要的文件還留在dist目錄下
安裝:npm install clean-webpack-plugin -D
正確的使用方法如下:
//引入clean-webpack-plugin的包
const { CleanWebpackPlugin } = require('clean-webpack-plugin');

//在plugins中配置
plugins: [new CleanWebpackPlugin()]

我在使用過程中碰到錯誤:TypeError: cleanWebpackPlugin is not a constructor  主要有幾點:

1.引入時與之前版本不同,如果還像以前那樣用 

const CleanWebpackPlugin = require('clean-webpack-plugin'); 是會報錯的。

2.配置時不能傳參數,在最新版的webpack中 new CleanWebpackPlugin();中不需要寫里面的目標路徑,會自動清除生成的文件夾,比如是dist文件夾,如果加上了目標路徑(如:new CleanWebpackPlugin('./dist'))則會報錯。

3.這個問題很奇怪,由於是我個人習慣原因,我在引入的時候第一個字母會小寫,如
const { cleanWebpackPlugin } = require('clean-webpack-plugin');
但是這樣也會引起錯誤。
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM