1

Olá, estou tentando fazer com que o grunt fique fazendo watch em um diretório e quando uma nova imagem for adicionada, ele compacta a mesma. Porém, ele não executa nada quando adiciono imagens no diretório, funciona perfeitamente para os meus less e js.

package.json

"devDependencies": {
    "grunt": "^1.0.1",
    "grunt-cli": "^1.2.0",
    "grunt-contrib-concat": "^1.0.1",
    "grunt-contrib-copy": "^1.0.0",
    "grunt-contrib-cssmin": "^2.2.1",
    "grunt-contrib-imagemin": "^2.0.1",
    "grunt-contrib-less": "^1.4.1",
    "grunt-contrib-uglify": "^3.0.1",
    "grunt-contrib-watch": "^1.0.0",
    "grunt-newer": "^1.3.0"
  },

gruntfile.js

grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    imagemin: {
        dynamic: {
            options: {
                optimizationLevel: 3,
                svgoPlugins: [{removeViewBox: false}]
            },
            files: [{
                expand: true,
                cwd: 'src/img/',
                src: '*.{png,jpg,jpeg,gif,svg}',
                dest: 'dist/img'
            }]
        }
    },

    watch: {
        img: {
            files: 'src/img/*.{png,jpg,jpeg,gif,svg}',
            tasks: 'dist-img-newer'
        }
    }
});

grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-imagemin');
grunt.loadNpmTasks('grunt-newer');

grunt.registerTask('dist-img-newer', ['newer:imagemin']);
3
  • muda o files: 'src/img/*.{png,jpg,jpeg,gif,svg}' para files: 'src/img/**' somente para verificar se o watch começa a escutar as mudanças entendeu? Commented 18/09/2017 às 12:45
  • Tens esse repositório no Github?
    – Sergio
    Commented 20/09/2017 às 19:29
  • Como está a estrutura de pastas de seu projeto? Commented 21/09/2017 às 15:57

0

Você deve fazer log-in para responder a esta pergunta.

Pesquise outras perguntas com a tag .