什么是 broccoli-selectfn
Broccoli-selectfn 是一个 npm 包，它提供了一种方便的方式来过滤和转换 broccoli 树中的节点。该包的主要功能是提供一个函数，该函数接收一个节点，并将该节点传递给您编写的函数以进行过滤和转换。在您的函数中，您可以根据节点的类型、内容、路径等条件返回 true 或 false 或更改节点的内容。
如何使用 broccoli-selectfn
安装
使用 npm 安装 broccoli-selectfn：
npm i broccoli-selectfn
使用
假设您有一个链接到 node_modules/my-package/templates 的树 tree，您想过滤出其中所有节点的 hbs 文件并将它们转换为 js，您可以编写以下代码：
-- -------------------- ---- -------
----- ------ - ---------------------------
----- ------ - ---------------------------
----- - ------------- - - --------------------
----- ------ - -----------------------------
----- ---- - --- ------------------------------------------- -
-------- -------------
---
----- ------ - ------------ -------- ------ -
-- ------------------------------------ -
--------------- - --------------------------------- -------
------ -----
- ---- -
------ ------
-
---
----- ------- - -------------- -
----------- ------------
----------- ----------------
---
-------------- - -----------------------让我们对这些代码进行一些解释：
首先，我们使用 broccoli-funnel 将 node_modules/my-package/templates 中的所有文件复制到一个新的树 tree 中。
const Funnel = require('broccoli-funnel');
const tree = new Funnel('node_modules/my-package/templates', {
include: ['**/*.hbs'],
});我们将 include 选项设置为 **/*.hbs，以便只包括 .hbs 文件。
接下来，我们使用 broccoli-selectfn 过滤这些节点并进行转换。我们使用 select 函数来创建一个新的树 jsTree，该树包含我们从 tree 中选择的节点。
-- -------------------- ---- -------
----- ------ - -----------------------------
----- ------ - ------------ -------- ------ -
-- ------------------------------------ -
--------------- - --------------------------------- -------
------ -----
- ---- -
------ ------
-
---我们传递了 tree 树和一个函数作为参数给 select 函数。该函数接收一个节点作为参数，并根据条件返回 true 或 false。在此示例中，我们只选择 relativePath 以 .hbs 结尾的节点，并将 output 路径更改为 .js。
最后，我们使用 broccoli-concat 将 jsTree 中的所有 .js 文件连接起来，并将输出保存到 jsFiles 中。
const concat = require('broccoli-concat');
const jsFiles = concat(jsTree, {
inputFiles: ['**/*.js'],
outputFile: '/templates.js',
});您可以将 jsFiles 输出为任何您想要的格式。
总结
使用 broccoli-selectfn，您可以轻松地过滤和转换 broccoli 树中的节点。它可以帮助您编写更少的代码，并使您的构建过程更加可读和易于维护。我们已经看到了使用这个库的一个简单示例，但是您可以根据您的实际需求编写您自己的选择函数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066c88ccdc64669dde5105