使用 Grunt.js 将所有文件从目录复制到另一个目录

Question

作为构建过程的一部分，我正在尝试将目录中的所有文件复制到另一个目录。它适用于我明确指定的单个文件，但是当我尝试复制整个目录时，它会做一些奇怪的事情，比如复制完整的目录结构（或根本不复制）。这是我的 GruntFile.js 中的相关部分：

copy: {
  myvoice: {
    files: [
      { src:"src/html/index.html", dest:"dist/myvoice/index.html" },
      { src:"src/html/css/style.css", dest:"dist/myvoice/css/style.css" },
      { src:"src/html/js/require.js", dest:"dist/myvoice/js/require.js" },
      { src:"build/myvoice/main.js", dest:"dist/myvoice/js/main.js" },
      { src:"src/html/css/fonts/*", dest:"dist/myvoice/css/fonts/" }
    ]
  }
},

具体来说，这是我无法工作的最后一行：

      { src:"src/html/css/fonts/*", dest:"dist/myvoice/css/fonts/" }

Answer 1

如果您指定文件 glob，此任务将维护文件夹结构。你想要的是 flatten 选项，它将删除结构。

{
    expand: true,
    flatten: true,
    src: ['src/html/css/fonts/**'],
    dest: 'dist/myvoice/css/fonts/',
    filter: 'isFile'
}

在Github repo 中查找其余可用选项。希望这会有所帮助。

Answer 2

this answer 中的 flatten: true 选项可能适用于某些情况，但在我看来，更常见的要求（如我的情况）是按原样复制文件夹及其子文件夹结构，到dest。似乎在大多数情况下，如果您有子文件夹，它们可能会在代码中以这种方式被引用。这样做的关键是cwd 选项，它将保留相对于指定工作目录的文件夹结构：

copy: {
  files: {
    cwd: 'path/to/files',  // set working folder / root to copy
    src: '**/*',           // copy all files and subfolders
    dest: 'dist/files',    // destination folder
    expand: true           // required when using cwd
  }
}

Answer 3

我想补充一点，在 src 中更改 glob 的格式将修改副本的工作方式。

正如上面 bmoeskau 所指出的，以下内容将复制 dist/ 内的 everything 并将其移动到 path/to/dir（如果目标已存在，则覆盖它）。

copy: {
  files: {
    expand: true,
    dest: 'path/to/dir',
    cwd: 'dist/',
    src: '**'
  }
}

但请注意：

copy: {
  files: {
    expand: true,
    dest: 'path/to/dir',
    cwd: 'dist/',
    src: '*'
  }
}

只会复制dist/ 中的文件以及目录，但不会将这些目录的内容复制到目标位置。

此外，带有src: '*/*' 的以下内容将仅复制带有dist/ 内容的目录。也就是说，dist/ 内的文件不会被复制。

copy: {
  files: {
    expand: true,
    dest: 'path/to/dir',
    cwd: 'dist/',
    src: '*/*'
  }
}

最后，与上面相同，但src: '**/**' 将仅 复制dist/ 中的文件以及dist/ 子目录中的文件到path/to/dir。所以目的地内不会有文件夹。

copy: {
  files: {
    expand: true,
    dest: 'path/to/dir',
    cwd: 'dist/',
    src: '*/*',
    flatten: true,
    filter: 'isFile'
  }
}

Answer 4

文件段必须使用 egdy 而不是花括号（在 Coffeescript 中）...

copy: {
  files: [
    cwd: 'path/to/files'
    src: '**/*'
    dest: 'dist/files'
    expand: true
  ]
}

Answer 5

如果您正在使用 angular yeoman 进行开发，那么这是使用 grunt 进行复制的更好方法。 expand: 使用 cwd 时需要 true。 只是应用程序路由（'.'）。

 {
    expand: true,
     cwd: '<%= yeoman.app %>/data',
     dest: '<%= yeoman.dist %>/data',
     src: ['**']
    }