简介
在前端开发过程中,我们经常需要获取某个目录下的所有子目录,然后针对每个子目录进行一些操作。如果手写代码实现这个功能会比较繁琐,因此使用 children-dirs 这个 npm 包可以更加方便快捷地完成这一任务。
安装
使用 npm 安装 children-dirs:
npm install children-dirs --save
使用
引入 children-dirs,调用其方法即可:
const childrenDirs = require('children-dirs'); let dirs = childrenDirs('./parentDir'); console.log(dirs); // 输出子目录列表
API
childrenDirs(dirPath)
dirPath
:必需,要获取子目录的父目录路径。可以是相对路径或绝对路径。
返回值:子目录路径列表。如果无子目录,则返回空数组。
示例
比如我们有一个网站目录结构:
-- -------------------- ---- ------- --- ---- - --- --- - --- ----- - --- -- --- --- - --- --- - --- ----- - --- -- --- ----- --- --------
使用 children-dirs 获取 src 目录下的所有子目录:
const childrenDirs = require('children-dirs'); let dirs = childrenDirs('./src'); console.log(dirs); // ['css', 'fonts', 'js']
上面的代码获取了 src 目录下的所有子目录的名称列表。如果需要获取子目录的绝对路径,则可以使用以下代码:
const childrenDirs = require('children-dirs'); const path = require('path'); let dirPath = './src'; let dirs = childrenDirs(dirPath).map(dir => path.join(dirPath, dir)); console.log(dirs); // ['./src/css', './src/fonts', './src/js']
通过 path.join
方法将 dirPath 和子目录名合并即可得到子目录的绝对路径。可以方便地遍历这些子目录,执行任意操作。
总结
children-dirs 是一个方便快捷地获取父目录下所有子目录的 npm 包,使用方法简单,可以极大地提高前端开发效率。希望本文的介绍对大家有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005682f81e8991b448e448d