在配置webpack的過程中,我們發現,dist文件里面有很多我們不需要的文件,或者是之前產生的垃圾文件,所以需要插件幫我自動清理這些文件,只生成我們用到的文件
npm install clean-webpack-plugin --save-dev
按照webpack官網,我們配置完成發現,其實那個配置錯的,這個插件傳參必須是對象,不能是數組
官網操作,很多網上的資料的操作也是這個
plugins: [
new CleanWebpackPlugin(['dist'])
]
運行之后會發現報錯,要求是個對象參數,建議直接寫成下面這個樣子
plugins: [
new CleanWebpackPlugin()
]
webpack的output.path目錄中的所有文件都將被刪除一次,但是目錄本身不會。如果使用webpack 4 +的默認配置, / dist /下的所有內容都將被刪除。使用cleanOnceBeforeBuildPatterns覆蓋此行為。在重建期間,所有不再使用的webpack資產將自動刪除。
經過測試,發現,其實不用配置參數,直接就如上面配置,即可,每次build都會刪除dist里面的內容,再重新生成一遍,不過不知道是不是默認的,如果不是dist文件,不知道還會不會這樣
參數和默認值
| 參數 | 說明 |
|---|---|
| dry | 配置true,默認是:false |
| verbose | 配置true,默認是:false |
| cleanStaleWebpackAssets | 配置false,默認是:true,這個是在重建時自動刪除所有未使用的webpack資產 |
| protectWebpackAssets | 配置false,默認是:true,不允許刪除當前的webpack資產 |
| cleanOnceBeforeBuildPatterns | 在Webpack編譯之前刪除一次文件,不包括重建中,配置是個數組,默認:['**/*'],如果是個空數組,則表示禁用 |
| cleanAfterEveryBuildPatterns | 在每個與此模式匹配的構建(包括監視模式)后刪除文件,用於不是由Webpack直接創建的文件,默認是個空數組禁用 |
| dangerouslyAllowCleanPatternsOutsideProject | 需要明確設置dry選項,默認false,配置true |
