js遍历文件目录

当我们需要在项目里找到目标文件或是某一类后缀的文件时，就需要对目录做遍历了。

以查找项目里所有tsx文件为例：

const fs = require('fs')
const path = require('path')

const targetFilesMap = [] // 存放找到的目标文件所在路径
const traversePath = entryPath => {
      const dirArr = fs.readdirSync(entryPath)
      dirArr.forEach(item => {
          const itemPath = path.join(entryPath, item)
          const fileStat = fs.statSync(itemPath)

          if (fileStat.isDirectory()) { // 当前项是文件夹
              traversePath(itemPath) // 以当前文件夹作为入口目录继续遍历
          }
          if (fileStat.isFile() && isTsxFile(itemPath)) { // 当前项是目标类型文件
              targetFilesMap.push(itemPath)
          }
      })
  }

const isTsxFile = filePath => {
      return ['.tsx'].includes(path.extname(filePath))
  }

// 查找当前项目src/components下所有目标文件
traversePath(path.join(process.cwd(), 'src/components'))

通过fs.readdirSync获取目录内容，fs.statSync获取内容项实例，然后判断是目录还是文件，是目录的话继续递归遍历。