由于我们在学习 webpack 或管理发布更新的项目过程中,需要频繁地调用 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 地址
作者水平有限,如有错误,欢迎指正交流。
网友评论