2013-12-11 25 views
0

我想教自己Grunt.js的基础知识,我发现它什么都不直观。Grunt.js和imagemin - 没有找到“imagemin”目标

我已经得到它的工作 - 我能够看到目录,minifiy JS和编译我的指南针/ sass文件。

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

我继续运行$咕噜时收到以下错误:

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 /目录中。

回答

2

您的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'] 
      } 
     }, 
    }, 
}); 
+0

你是对的,但它确实!谢谢。我认为我也理解,所以这很好,我学到了一些东西; o) – tjcss

0

imagemin的部分是表的子任务。由于这种需要,你用罗盘来称呼它watch:imagemin

用同样的方法:开发