什么是 resolve-on-added
resolve-on-added 是一个 npm 包，它能够监听目录下的新增文件并触发回调函数。这个功能在前端开发中的某些场景下尤其有用，比如当我们需要监听文件的变化并在文件新增时进行某些操作，比如自动编译、自动上传等。
如何安装和使用
使用 npm 安装 resolve-on-added：
npm install resolve-on-added --save-dev
然后在 JavaScript 文件中导入：
const watchDir = require('resolve-on-added');使用起来也非常简单，只需要调用 watchDir 函数，传入要监听的目录路径和新增文件执行的回调函数即可。
watchDir('path/to/dir', (filePath) => { // 这里 filePath 为新增文件的路径
console.log('File added:', filePath);
});示例代码
我们来看一下一个实际的例子，比如在前端开发中自动编译 Sass 文件。
首先我们需要在项目中安装 node-sass、resolve-on-added 等必需的 npm 包：
npm install --save-dev node-sass resolve-on-added
然后我们可以写一个 JavaScript 脚本，在其中调用 watchDir 函数进行监听，监听到新增的 Sass 文件后就调用 node-sass 将它编译成 CSS 文件。
-- -------------------- ---- -------
----- -------- - ----------------------------
----- ---- - ---------------------
----- ---- - ----------------
----- -- - --------------
----- -------- - ----------- -- -----
----- --------- - ----------- -- ---- --- --
-- ---------------
-- --------------------------- -
------------------------
-
-- -- ---- --- --- --
-------- --------------------- -
----- --- - ------------------- ----------
----- ---- - -------------------- --------------------------- ---------
-------------
----- ----
------------ ------------- -- ----
-- ----- ------- -- -
-- ----- -
-------------------
-------
-
---------------------- ------------
---
------------------------ ----------
-
-- ----- ---- -----
------------------ ---------- -- -
-- -------------------------- -
----------------------
-
---通过这个脚本，我们就可以在开发 Sass 文件时自动编译成 CSS 文件，大大提升开发效率。
总结
resolve-on-added 是一个非常实用的 npm 包，能够帮助我们监听目录下的新增文件并触发回调函数。在前端开发中，我们可以利用它来实现一些自动化的工作，提升开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554cf81e8991b448d2015