gruntjs - 使用 Grunt Copy 将图像复制到新目录

Question

我正在使用 Grunt 0.4.1 和 Grunt-contrib-copy 版本 0.4.1。我正在尝试将图像从 src 目录复制到分发目录，但它复制的是完整的 src 目录，而不仅仅是图像目录的内容。换句话说，这是创建 dist/images/src/images/... ，而我希望结果只是 分布/图像/...

这是我的复制任务:

copy: {
  images: {
    files: {
      'dist/images/': 'src/images/**/*'
    }
  }
}

它的运行方式如下:

// Default task.
grunt.loadNpmTasks('grunt-contrib-concat');
grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-less');
grunt.loadNpmTasks('grunt-contrib-cssmin');
grunt.loadNpmTasks('grunt-contrib-copy');
grunt.registerTask('default', ['less', 'concat', 'uglify', 'cssmin', 'copy']);

我如何获得它以便只有 的子目录源/图像复制到 分布/图像 ?

这些文件已经被压缩，只需要在构建期间复制到目的地。

Answer 1

真正解决我的问题的是指定根目录结构，我使用“cwd”指令从中复制，然后是 src 与上面完全一样。刚刚回来发布这个并看到了与我想出的基本相同的解决方案。这是对我有用的:

copy: {
  images: {
    files: [
      { 
        expand: true,
        cwd: 'src/images/', 
        src: ['**/*.{png,jpg,svg}'], 
        dest:'dist/images/' 
      }
    ]
  }
}

“cwd”属性允许您定义要从中复制的源的根。这不会包含在复制文件的路径中。所以在我的例子中，通过将“cwd”定义为“src/images”，我可以将源定义为“**/*.{png,jpg,svg}”这会找到源图像中的所有子目录目录，并且只复制带有我提供的扩展名的文件。这给了我想要的结果: dist/images/... 与预期的所有子目录。

不使用“cwd”，grunt-contrib-copy 将整个源树结构复制到目标中。 “cwd”属性允许您从一个文件结构中挑选子目录和文件并将它们复制到另一个文件结构中。