咕unt如何仅调整最后一个添加的图像大小



这是我的grunt文件:

module.exports = function(grunt) {
  grunt.initConfig({
    responsive_images: {
      dev: {
        options: {
                  sizes: [{
                    name: 'small',
                    width: '30%',
                    quality: 30
                  },{
                    name: 'medium',
                    width: '50%',
                    quality: 50
                  },{
                    name: 'large',
                    width: '60%',
                    quality: 60
                  },{
                    name: 'compressed',
                    width: '100%',
                    quality: 50
                  }]
        },
        files: [{
          expand: true,
          src: ['img/*.{gif,jpg,png}'],
          cwd: 'Sito/',
          dest: 'Sito/'
        }]
      }
    },
   watch: {
            scripts: {
                files: ['**/*.{gif,jpg,png}'],
                tasks: ['responsive_images'],
                options: {
                    spawn: false,
                    event: ['changed']
                },
            } 
        }
  });
 grunt.loadNpmTasks('grunt-responsive-images');
 grunt.loadNpmTasks('grunt-contrib-watch');
 grunt.registerTask('default', ['responsive_images']);
 };

我只想调整文件夹中添加的最后一个图像的大小,该怎么做?现在,当我添加图像时,所有以前的图像都用响应图像编辑。

谢谢您,如果您想回答我!=)

解决方案是:

module.exports = function(grunt) {
  grunt.initConfig({
    responsive_images: {
      dev: {
        options: {
                  newFilesOnly: 'true',
                  sizes: [{
                    name: 'small',
                    width: '30%',
                    quality: 30
                  },{
                    name: 'medium',
                    width: '50%',
                    quality: 50
                  },{
                    name: 'large',
                    width: '60%',
                    quality: 60
                  },{
                    name: 'compressed',
                    width: '100%',
                    quality: 50
                  }],
        },
        files: [{
          expand: true,
          src: ['img/*.{gif,jpg,png}'],
          cwd: 'Sito/',
          dest: 'Sito/img-resp/'
        }]
      }
    },
   watch: {
            scripts: {
                files: ['**/*.{gif,jpg,png}'],
                tasks: ['responsive_images'],
                options: {
                    spawn: false,
                    event: ['added']
                },
            } 
        }
  });
  grunt.loadNpmTasks('grunt-responsive-images');
  grunt.loadNpmTasks('grunt-contrib-watch');
  grunt.registerTask('default', ['responsive_images']);
};

最新更新