如果你开发前端应用程序，你可能会使用Parcel作为打包器。Parcel是较流行的用于打包JavaScript 应用程序的打包器。在开发过程中，有时候要删除样式表和JavaScript文件夹，以便重新生成最新版本的样式表或脚本文件，而手动删除这些文件夹可能非常麻烦。那么，@abide-community/parcel-plugin-clean-out-dir这个npm包就非常有用，可以帮助你在每次Parcel构建结束时自动删除指定的文件夹。在这篇文章中，我们将会介绍如何使用@abide-community/parcel-plugin-clean-out-dir包。
什么是 @abide-community/parcel-plugin-clean-out-dir?
@abide-community/parcel-plugin-clean-out-dir 是一个Parcel插件，可以在打包过程中删除指定的文件夹。它可以自动处理不需要的文件，并最终生成净化后的文件夹结构。
开始使用 @abide-community/parcel-plugin-clean-out-dir
安装npm包：
--- ------- ---------- --------------------------------------------
在Parcel的默认配置文件parcel.config.js中配置插件：
----- ----------- - -------------------------------------------------------- -------------- - - -- ---- ----- ------ ---------- -------- ------------------------- ------------- --
在上面的例子中，当Parcel构建结束后， @abide-community/parcel-plugin-clean-out-dir插件将会自动删除“dist/css”和“dist/js”文件夹，从而使项目结构更加干净和整洁。
你也可以使用该插件的高级功能：
----- ----------- - --------------------------------------------------------
-------------- - -
-- ---- ----- ------ ----------
-------- -
-------------
-
---- -----------
-------- ------------- -------------
--
-
---- ----------
-------- ------------ ------------
-------- -
--- -------------
-- ---
-
-
--
-
--在这个例子中, exclude参数用于设置要保留的文件。将要保留的文件名放在一个数组中，例如['file1.css'，'file2.css']。这个高级示例中的另一个参数，plugins，用于在删除目录之前执行其他插件。这样可以在构建之前运行其他任务或转换文件等。
示例代码
在项目根目录下创建文件parcel.config.js，并添加以下代码：
----- ----------- - -------------------------------------------------------- -------------- - - -- ----- ------ ---------- -------- ---------------------------- --
在命令行中运行文件：
------ ----- ----------
此时，可以在“dist/css”文件夹下，在每次构建结束时所有的文件都将自动清空。
结论
通过使用@abide-community/parcel-plugin-clean-out-dir，自动删除Parcel构建之后的文件夹将变得非常简单易行。它是一个轻量级、自动化的工具，可以大大减轻一些前端开发的麻烦，并保持整洁。稍微尝试一下吧，你也许会喜欢这个npm包。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b5751ab1864dac66da7