javascript - 无法编译；使用 grunt 响应图像找不到有效的源文件

Question

我正在使用grunt responsive-images在 Jekyll 网站上。

相关issue GitHub 上的内容现已关闭，但我仍然收到此错误。 src 和 cwd 都指向单个 test.jpg 图像。

当我运行gruntresponsive_images:posts时，我得到无法编译；未找到有效的源文件。

gruntfile 示例:

  ...
  responsive_images: {
    posts: {
      options: {
        engine: 'im',
        sizes: [
          { name: 'small', width: 320, quality: 80 }
        ]
      },
      files: [
        {
          expand: true,
          src: [ '_assets/posts/**{.jpg}' ],
          cwd: '_assets/posts/',
          dest: 'img/'
        }
      ]
    }
  },
  ...

Grunt 依赖项:

{
  "name": "corporate-programmer",
  "version": "1.0.0",
  "devDependencies": {
    "bootstrap-sass": "^3.3.6",
    "grunt": "^1.0.1",
    "grunt-concurrent": "^2.3.0",
    "grunt-contrib-clean": "^1.0.0",
    "grunt-contrib-copy": "^1.0.0",
    "grunt-contrib-sass": "^1.0.0",
    "grunt-contrib-watch": "^1.0.0",
    "grunt-responsive-images": "^0.1.7",
    "grunt-shell": "^1.3.0",
    "load-grunt-tasks": "^3.5.0"
  }
}

文件结构示例:

详细输出:

> npm -v
> 2.7.4

> npm list imagemagick -g
> └── imagemagick@0.1.3

Answer 1

src 通常相对于 cwd 中定义的路径，将 src 值更新为 **/*.js

responsive_images: {
    posts: {
      options: {
        engine: 'im',
        sizes: [
          { name: 'small', width: 320, quality: 80 }
        ]
      },
      files: [
        {
          expand: true,
          src: [ '**/*.jpg' ],
          cwd: '_assets/posts/',
          dest: 'img/'
        }
      ]
    }
  },