Question

我无法使用grunt-contrib-imagemin，因为我无法压缩任何图像。

这是我的Gruntfile.js

module.exports = function(grunt) {

    // 1. All configuration goes here 
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        concat: {   
            dist: {
                src: [
                    'css/{base,global,medium,large}.css', // All CSS in the CSS folder
                ],
                dest: 'css/build/production.css',
            }
        },

        cssmin: {
            build: {
                src: 'css/build/production.css',
                dest: 'css/build/production.min.css'
            }
        },

        imagemin: {
            dynamic: {
                files: [{
                    expand: true,
                    cwd: 'if3/images',
                    src: ['**/*.{png,jpg,gif}'],
                    dest: 'images/build'
                }]
            }
        }       

    });

    // 3. Where we tell Grunt we plan to use this plug-in.
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-cssmin'); 
    grunt.loadNpmTasks('grunt-contrib-imagemin');

    // 4. Where we tell Grunt what to do when we type "grunt" into the terminal.
    grunt.registerTask('default', ['concat', 'cssmin', 'imagemin']);

}

当我从命令行运行grunt时，concat和cssmin中的每一个运行正常，而imagemin - 尽管运行没有错误 - 返回以下消息。

Running "imagemin:dynamic" (imagemin) task
Minified 0 images (saved 0 B)

有关信息，我的文件夹结构如下。

if3\
  css\
    *.css
  images\
    *.png
    *.jpg
  js\
    *.js
  node_modules\
    etc.
  Gruntfile.js
  package.json
  *.html

图片文件夹目前包含7个PNG和2个JPG文件，但我无法弄清楚为什么它没有对它们做任何事情。

任何帮助都非常感激。

由于

Answer 1

concat 和 cssmin 任务中的src - 属性不包含if3。你的 imagemin 配置确实如此。删除它应该有帮助...

imagemin: {
    dynamic: {
        files: [{
            expand: true,
            cwd: 'images',
            src: ['**/*.{png,jpg,gif}'],
            dest: 'images/build'
        }]
    }
}

Answer 2

您不需要使用：dynamic {}或static {}，并且会完美无缺。

请参阅：Grunt imagemin running but not minifying

没有使用grunt-contrib-imagemin压缩图像

2 个答案: