webpack -- 清理dist文件


在配置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
cleanStaleWe​​bpackAssets 配置false,默認是:true,這個是在重建時自動刪除所有未使用的webpack資產
protectWebpackAssets 配置false,默認是:true,不允許刪除當前的webpack資產
cleanOnceBeforeBuildPatterns 在Webpack編譯之前刪除一次文件,不包括重建中,配置是個數組,默認:['**/*'],如果是個空數組,則表示禁用
cleanAfterEveryBuildPatterns 在每個與此模式匹配的構建(包括監視模式)后刪除文件,用於不是由Webpack直接創建的文件,默認是個空數組禁用
dangerouslyAllowCleanPatternsOutsideProject 需要明確設置dry選項,默認false,配置true

參考文獻


免責聲明!

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



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