由于我們在學習 webpack 或管理發(fā)布更新的項目過程中,需要頻繁地調用 npm run build 命令以生成打包文件趾诗,如果某一次修改 chunk 名字后再打包,上一次生成的文件就會保留在原地,雖然運行邏輯和效果不會有問題逞姿,但是可能會造成視覺混淆乔妈,因此有必要在每次打包之前先將 dist 文件夾都清空以放置新打包的代碼蝙云。這就是此插件的意義。
用法:
先安裝
npm i -D clean-webpack-plugin
配置:
//webpack.config.js
const CleanWebpackPlugin = require("clean-webpack-plugin");
module.exports = {
entry:...,
output:...,
plugins:[
new CleanWebpackPlugin('dist/*.*')
]
}
更多用法請參考
github 地址
作者水平有限路召,如有錯誤勃刨,歡迎指正交流波材。