1
Hello, I’m trying to make Grunt watch a directory and when a new image is added, it compresses it. However, it does not perform anything when adding images in the directory, it works perfectly for my Less and 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']);
changes the files: src/img/.{png,jpg,jpeg,gif,svg}' for files: 'src/img/*' just to check if the watch starts listening to the changes understood?
– Diogo Henrique Fragoso de Oliv
You have that repository on Github?
– Sergio
How is the folder structure of your project?
– Yure Pereira