Grunt.js和imagemin -没有发现"imagemin“目标

Question

我试图教自己Grunt.js的基础知识，我发现它绝不是直观的。

我已经把它发挥到了一定的水平-我能够观看目录，迷你JS和编译我的罗盘/ sass文件。

我现在遇到的问题是使用：https://npmjs.org/package/grunt-contrib-imagemin缩小图像

在运行$grunt时，我一直收到以下错误：

No "imagemin" targets found

我的gruntfile在这里：https://github.com/Tjobbe/sample-grunt-project/blob/master/gruntfile.js和git在这里：https://github.com/Tjobbe/sample-grunt-project，这样您就可以看到我的目录设置了。

知道为什么这不管用吗？理想情况下，我希望它继续轮询目录，以查看是否有新文件，然后将它们缩小，并将它们放入src/img/目录。

Answer 1

imagemin是watch任务的子任务。如果你把它拿出来，它就能用了。

这里是Gruntfile.js的一部分

        watch: {
        compass: {
            files: ['dev/sass/*.sass'],
            tasks: ['compass:dev']
        },
        js: {
            files: ['dev/js/*.js'],
            tasks: ['uglify']
        }
    },
    compass: {
        dev: {
            options: {
                sassDir: ['dev/sass/'],
                cssDir: ['src/css/'],
                environment: 'development'
            }
        },
        prod: {
            options: {
                sassDir: ['dev/sass/'],
                cssDir: ['src/css/'],
                environment: 'production'
            }
        },
    },
  imagemin: {
    dynamic: {
      files: [{
        expand: true,
        cwd: 'dev/img/',
        src: ['dev/img/*.{png,jpg,gif}'],
        dest: 'src/img/'
      }]
    }
  },
    uglify: {
        all: {
            files: {
                'src/js/min.js': [
                'dev/js/*.js']
                // 'js/*.js']
            }
        },
    },
});

Answer 2

意象是手表的一个子任务。因此，您需要将其称为watch:imagemin

和你用指南针的方式一样:dev