背景
在前端开发中，我们经常使用构建工具来处理静态资源。有时候我们需要清空一些目录，比如在打包前清空 dist 目录。但是在使用某些构建工具时，由于一些目录是空目录，这些工具无法识别并清空这些目录。这个时候，就需要使用 broccoli-empty-dirs 这个 npm 包。
介绍
broccoli-empty-dirs 是一个 broccoli 插件，用来清空静态资源目录中的空目录，在处理静态资源的过程中非常常见。
安装
你可以使用 npm 或者 yarn 安装 broccoli-empty-dirs。
使用 npm：
npm install --save-dev broccoli-empty-dirs
使用 yarn：
yarn add --dev broccoli-empty-dirs
使用方法
在你的 broccoli 构建配置文件中，使用 broccoli-empty-dirs 会非常简单。
const BroccoliEmptyDirs = require('broccoli-empty-dirs');
const outputNode = someBroccoliNode();
module.exports = new BroccoliEmptyDirs(outputNode);就像上面的代码一样，你只要将你的 broccoli 输出节点传入 BroccoliEmptyDirs 构造函数或者工厂函数中即可清空你的目录，也可以同时指定需要清空的目录路径。
-- -------------------- ---- ------- -------------- - --- ----------------------------- - --------- -------------- -------------- --- -- -- -------------- - ----------------------------- - --------- -------------- -------------- ---
参数说明：
outputNode- 输入节点，可以是任何 broccoli 或者 broccoli 插件实例。options- 配置项。dirPaths- 指定需要清空的目录路径，可以是一个字符串或者是一个字符串数组。默认清空所有目录。
示例代码
我们可以快速地在一个简单的前端项目中使用 broccoli-empty-dirs。
-- -------------------- ---- ------- ----- ---------- - -------------------------------- ----- ------ - --------------------------- ----- ----------------- - ------------------------------- ----- ----- - ------------------------------------- -- ---- ----- ----- - ------ -- ---- ----- -------- - ------------ - -------- ---------------------- --- -- ----------- ----- ----------- - --- ---------------------------- -- ------------ ----- ---------- - -------------------------- -------------- - -----------
上面的代码展示了在 broccoli 构建流程中使用 broccoli-empty-dirs 的流程，关键点是将 jsOutput 作为 BroccoliEmptyDirs 的输入节点，并将 BroccoliEmptyDirs 的实例作为最终输出节点返回。这样，我们就可以很方便地清空输出节点中的空目录了。
总结
broccoli-empty-dirs 是一个非常实用的 npm 包，能够很好地解决静态资源目录中一些空目录的问题。在使用过程中，你只需要将其作为 broccoli 构建流程中的一个插件即可。同时，它还有一些非常有用的参数可以配置，比如指定需要清空的目录路径等。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c8bccdc64669dde5326