gruntjs - Grunt 递归复制

Question

我正在设置一个 Grunt 脚本，需要将图像目录从 A 复制并重新组织到 B。很简单。

目录结构:

组件

• 组件A
  • js
  • 图片
    • img文件夹A
    • imgfolderB
  • CSS
• 组件B
  • js
  • 图片
    • img文件夹A

每个 img 目录都可以包含其他目录以及这些目录中的目录，以帮助组织图像。

我想使用 Grunt 获取所有这些图像并将它们放在一个目录下(assets/img):

Assets

• 图片
  • 迪拉
    • img文件夹A
    • imgfolderB
  • 目录B
    • img文件夹A

关于如何在 grunt 中执行此操作而不指定每个组件目录(需要完全自动化)的任何想法？

Answer 1

知道有点晚了，但这应该可以完成工作，像这样使用“grunt-contrib-copy”

module.exports = function (grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    copy: {
      production: {
        files: [{
            expand: true,
            cwd: "componentA/img/imgfolderA/",
            src: ["*.*", "**/*.*"],
            dest: "./assets/img/dirA/",
          },
          {
            expand: true,
            cwd: "componentB/img/imgfolderB/",
            src: ["*.*", "**/*.*"],
            dest: "./assets/img/dirB/",
          },
        ]
      }
    }
  });

  // Production Build Tools
  grunt.loadNpmTasks('grunt-contrib-copy');

  // Default Production Build task(s).
  grunt.registerTask('default', ['copy']);
};

ps 的魔力在于文件对象，那里没有很好的文档记录，但文档就在这里，经过一两次阅读后，它是有意义的!

grunt-contrib-copy 设置:https://github.com/gruntjs/grunt-contrib-copy (自述文件位于底部)

文件对象设置:http://gruntjs.com/configuring-tasks#globbing-patterns

任务设置:http://gruntjs.com/configuring-tasks