javascript - grunt-contrib-imagemin 将文件输出到错误的文件夹

Question

这是我的 Gruntfile.js 中引用 iamgemin 的部分:

imagemin: {
  options: {
    optimizationLevel: 3
  },
  build: {
    expand: true,              
    src: ['img/*.png', 'img/*.jpg', 'img/*.jpeg', 'img/*.gif'],   
    dest: 'img/min/' 
  }
}

我在/img 目录中有文件，并且希望压缩版本位于/img/min 中。

当我运行 grunt 时，压缩文件最终位于/img/min/img 中，这不是我想要的。

有什么想法吗？指定 cwd 似乎根本没有任何作用。

<小时/>

编辑:这是我当前的 Gruntfile

imagemin: {
  options: {
    optimizationLevel: 3,
    flatten: true
  },
  build: {
    expand: true,              
    src: ['src/img/*.{png,jpg,jpeg,gif}'],   
    dest: 'build/img/' 
  }
}

指定 cwd 没有执行任何操作。文件当前转储在/build/img/src/img/1.jpg 中。我希望它们输出在/build/img/1.jpg

Answer 1

您可以使用“flatten: true”选项让文件以 img/min 的形式结束，无论它们来自何处。

或者，实际上，您应该能够使用 cwd，如下所示:

imagemin: {
  options: {
    optimizationLevel: 3
  },
  build: {
    files: {
      cwd: 'img',
      expand: true,              
      src: ['*.png', '*.jpg', '*.jpeg', '*.gif'],   
      dest: 'img/min/' 
    }
  }
}

更新:仅供记录，您可以使用更紧凑的符号:['*.{png,jpg,jpeg,gif}'] 作为您的来源。

参见http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically了解详情。

更新 2:正如文档中指出的， flatten: true 是文件部分的一部分。例如:

imagemin: {
  options: {
    optimizationLevel: 3
  },
  build: {
    files: {
      expand: true,              
      flatten: true,
      src: ['img/*.png', 'img/*.jpg', 'img/*.jpeg', 'img/*.gif'],   
      dest: 'img/min/' 
    }
  }
}