前言
在前端开发领域，我们经常需要通过构建工具将源代码打包成可供浏览器识别的 JS 或 CSS 文件。然而，某些时候，我们需要减少一些不必要的文件或代码，例如 node_modules 目录下的文件。这时候，mincer-fileskipper 这个 npm 包就派上用场了。
简介
它是一个 mincer 插件，mincer 是一个 JS 的虚拟文件系统，用于处理文件依赖关系，支持 CoffeeScript、Sass、LESS 和其他类似的语言。mincer-fileskipper 可以通过过滤不必要的文件和文件夹来减少构建时间。
安装
你可以通过 npm 来安装它：
--- ------- ------------------
或者通过 yarn 安装它：
---- --- ------------------
使用
通过下面的例子来说明如何使用这个插件。假设我们有一个项目的目录结构如下：
--- ------
--- ------------
--- ------
- --- ---
- --- --
--- -----
--- ----------我们只想要在构建时保留 app.js、public/css 和 public/js，忽略掉其他所有文件和文件夹。
我们需要在代码中引入这个插件并运行它：
----- ------ - ----------------- ----- ----------- - ----------------------------- --- ----------- - --- -------------------- --- ----------- - --- ------------------------------ ----------- ----------------------------------------- ------------------------------------- -- ------------ ---------------------------------- -- ---- -- -- --- ------ - --- ----------------- -- -- --- -------- - --- ---------------------------- ---------- -------------------------- --------------- -- - ------------------- -------------- -- - ------------------ --
这段代码中，我们先创建了一个 mincer 的 Environment 对象，并添加了要构建的路径。然后创建了一个 FileSkipper 实例，传入要忽略的路径数组。我们通过 registerHelper 方法将 fileSkipper.helper 添加到 helpers 中，以便让模板中可以使用。
在模板中，我们可以使用 fileSkipper 方法，它可以接收一个路径作为参数，来判断该路径是否被忽略：
------- ----
----
----
---------------------- ----------------------------------------------
----
-------------------------------------------------在上面的例子中，我们使用了 jade 作为模板引擎，通过 fileSkipper 方法来输出正确的文件路径。如果该路径被忽略了，方法将返回一个空字符串。
结语
mincer-fileskipper 这个 npm 包可以帮助我们在构建前端项目时减少不必要的文件或代码，从而加快构建速度。如果你有类似的需求，不妨试试看。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f481d8e776d0804115f