Grunt.js и imagemin - Нет найденных целей «imagemin»

Question

Я пытаюсь научить себя основам Grunt.js, и я нахожу это чем угодно, но интуитивным.

У меня есть работа над точкой - я могу посмотреть каталог, мини-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 repo здесь: 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

imagemin является подзадачей часов. Как это вам нужно вызвать его как этот watch:imagemin

точно так же, как вы использовали компас: устр