Node.js中含子目录的目录文件同步方案咨询

刚好碰到过类似的场景，我来给你几个实用的解决方案——不管是调整现有工具的用法，还是用原生Node.js API，都能轻松搞定新增子目录后的拷贝需求：

方案一：调整cpy的glob模式（最省心，复用你现有工具） #

你之前的问题其实是glob匹配模式的问题，cpy本身完全支持递归匹配子目录里的文件，只是你用的模式只匹配了css目录下的直接文件。只需要把glob模式改成带**的形式，就能递归匹配所有子目录：

const cpy = require('cpy');

(async () => {
  // ** 表示递归匹配所有层级的子目录
  await cpy('src/main/css/**/*.css', './dist', {
    // 如果你想保留原有的子目录结构（比如把src/main/css/margins/index.css拷贝到dist/margins/index.css）
    // 就加上 preservePath: true
    preservePath: true
  });
  console.log('所有CSS文件拷贝完成');
})();

如果想把src/main/css下的所有内容（包括子目录和非CSS文件）完整拷贝到dist，直接用src/main/css/**作为源模式就行：

await cpy('src/main/css/**', './dist');

方案二：用原生Node.js fs + path实现（无额外依赖） #

如果不想用第三方包，原生API也能实现递归拷贝。核心思路是遍历目录，遇到子目录就递归处理，遇到文件就直接拷贝：

const fs = require('fs').promises;
const path = require('path');

async function copyCSSFilesRecursive(srcDir, destDir) {
  // 先确保目标目录存在，recursive: true会自动创建多级目录
  await fs.mkdir(destDir, { recursive: true });

  // 读取源目录下的所有文件/目录信息
  const entries = await fs.readdir(srcDir, { withFileTypes: true });

  for (const entry of entries) {
    const srcPath = path.join(srcDir, entry.name);
    const destPath = path.join(destDir, entry.name);

    if (entry.isDirectory()) {
      // 遇到子目录，递归进去处理
      await copyCSSFilesRecursive(srcPath, destPath);
    } else if (entry.isFile() && path.extname(entry.name) === '.css') {
      // 只拷贝.css后缀的文件
      await fs.copyFile(srcPath, destPath);
    }
  }
}

// 调用示例
copyCSSFilesRecursive('src/main/css', './dist')
  .then(() => console.log('递归拷贝完成'))
  .catch(err => console.error('拷贝出错:', err));

这个方法完全依赖Node.js原生API，不需要安装任何额外包，还能精准控制只拷贝CSS文件。

方案三：用fs-extra简化操作（更便捷的增强版fs） #

如果追求代码简洁，fs-extra是原生fs的绝佳替代品，它封装了大量常用的文件操作，包括一键递归拷贝：

首先安装包：

npm install fs-extra

然后使用：

const fs = require('fs-extra');

// 异步拷贝整个css目录（包括所有子目录和文件）到dist
fs.copy('src/main/css', './dist')
  .then(() => console.log('目录拷贝完成'))
  .catch(err => console.error('拷贝出错:', err));

// 如果只想拷贝CSS文件，可以结合glob模块筛选
const glob = require('glob');

glob('src/main/css/**/*.css', (err, cssFiles) => {
  if (err) throw err;
  
  // 批量拷贝所有匹配到的CSS文件
  Promise.all(cssFiles.map(file => {
    // 把源路径里的src/main/css替换成dist，保留子目录结构
    const destPath = file.replace('src/main/css', './dist');
    return fs.copy(file, destPath);
  }))
  .then(() => console.log('所有CSS文件拷贝完成'))
  .catch(err => console.error('拷贝出错:', err));
});

fs-extra的API更直观，出错处理也更友好，适合快速开发场景。

内容的提问来源于stack exchange，提问作者Ole