webpack4中clean-webpack-plugin插件的使用

这个插件是用来 帮我们清除 打包之后 dist 目录下的其他多余或者无用的代码
因为我们之前可能生成过其他的 代码 如果不清楚的话 可能 多个代码掺杂在一起 容易把我们搞混乱了
clean-webpack-plugin 插件 就是这样由来的 每次生成代码之前 先将 dist 目录 清空
下面就说下 它的使用吧
1.安装
npm i clean-webpack-plugin -D
2.引入
const {CleanWebpackPlugin}=require(‘clean-webpack-plugin’);
之前的版本可能是 直接引入 没有用对象结构这个是我看最新的官网介绍的引入方式
3.使用 在webpack.config.js的plugins 中配置
new CleanWebpackPlugin() // 注意 老版本可能要写 清空的路径 新版本不需要自动指定的是 打包输出的目录与
这样的话 运行 npm run build 就可以看到效果了

发布了196 篇原创文章 · 获赞 66 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/yunchong_zhao/article/details/104570017