2013-12-11 66 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

用同樣的方法:開發