介绍
simple-webpack-clean-plugin是一款基于webpack的插件，可以在每次构建webpack项目时清除指定文件夹下的文件。
相比于其他清理插件，simple-webpack-clean-plugin具有以下特点：
- 简单易用，无需复杂的配置；
- 可以同时清理多个文件夹；
- 可以自定义清理规则。
安装
可以通过npm命令安装simple-webpack-clean-plugin：
npm install simple-webpack-clean-plugin --save-dev
使用
在webpack配置文件中引入和使用simple-webpack-clean-plugin。
-- -------------------- ---- -------
----- ------------------------ - --------------------------------------
-------------- - -
-------- -
--- --------------------------
-------- ---------- ----------
--
-
-在上述配置中，folders参数指定需要清理的文件夹路径，可以同时传入多个路径。
默认情况下，simple-webpack-clean-plugin会清理指定文件夹下的所有文件。如果需要自定义清理规则，可以在传递folders参数的同时，传递一个回调函数。
-- -------------------- ---- -------
----- ------------------------ - --------------------------------------
-------------- - -
-------- -
--- --------------------------
-------- ---------- -----------
----------------- --------- -
------ -------------------------
-
--
-
-在上述配置中，condition参数指定了清理的条件。回调函数中的参数folder表示当前需要清理的文件夹路径，filePath表示当前需要清理的文件路径。在示例中，我们定义了清理条件为不清理.js文件。
结语
simple-webpack-clean-plugin是一款非常实用的webpack插件，可以在项目构建时自动清理指定文件夹，避免了手工清理文件的繁琐操作。同时，simple-webpack-clean-plugin提供了自定义清理规则的功能，可以满足不同项目的需求。
希望这篇文章能够帮助到大家更好地使用simple-webpack-clean-plugin。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562e081e8991b448e0618