Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Gruntjs 没有使用grunt contrib imagemin压缩的图像_Gruntjs_Grunt Contrib Imagemin - Fatal编程技术网

Gruntjs 没有使用grunt contrib imagemin压缩的图像

Gruntjs 没有使用grunt contrib imagemin压缩的图像,gruntjs,grunt-contrib-imagemin,Gruntjs,Grunt Contrib Imagemin,我在使用grunt contrib imagemin时遇到问题,因为我无法让它压缩任何图像 这是我的Grunfile.js module.exports = function(grunt) { // 1. All configuration goes here grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), concat: { dist:

我在使用grunt contrib imagemin时遇到问题,因为我无法让它压缩任何图像

这是我的Grunfile.js

module.exports = function(grunt) {

    // 1. All configuration goes here 
    grunt.initConfig({
        pkg: grunt.file.readJSON('package.json'),

        concat: {   
            dist: {
                src: [
                    'css/{base,global,medium,large}.css', // All CSS in the CSS folder
                ],
                dest: 'css/build/production.css',
            }
        },

        cssmin: {
            build: {
                src: 'css/build/production.css',
                dest: 'css/build/production.min.css'
            }
        },

        imagemin: {
            dynamic: {
                files: [{
                    expand: true,
                    cwd: 'if3/images',
                    src: ['**/*.{png,jpg,gif}'],
                    dest: 'images/build'
                }]
            }
        }       

    });

    // 3. Where we tell Grunt we plan to use this plug-in.
    grunt.loadNpmTasks('grunt-contrib-concat');
    grunt.loadNpmTasks('grunt-contrib-cssmin'); 
    grunt.loadNpmTasks('grunt-contrib-imagemin');

    // 4. Where we tell Grunt what to do when we type "grunt" into the terminal.
    grunt.registerTask('default', ['concat', 'cssmin', 'imagemin']);

}
当我从命令行运行grunt时,concat和cssmin都运行良好,而imagemin——尽管运行时没有错误——返回以下消息

Running "imagemin:dynamic" (imagemin) task
Minified 0 images (saved 0 B)
关于信息,我的文件夹结构如下

if3\
  css\
    *.css
  images\
    *.png
    *.jpg
  js\
    *.js
  node_modules\
    etc.
  Gruntfile.js
  package.json
  *.html
图像文件夹目前包含7个PNG和2个JPG文件,但我不明白为什么它不处理它们

非常感谢您的帮助

谢谢

您的concat和cssmin任务中的src属性不包含if3。您的imagemin配置不支持。删除它可能会有帮助

imagemin: {
    dynamic: {
        files: [{
            expand: true,
            cwd: 'images',
            src: ['**/*.{png,jpg,gif}'],
            dest: 'images/build'
        }]
    }
}   

您不需要使用:动态{}或静态{},并且将完美地工作


请参阅:

这也是我的想法,但是删除它会导致以下错误。运行imagemin:dynamic imagemin任务致命错误:无法读取未定义的属性“contents”。这种情况似乎发生了,这可能意味着您的某些图像已损坏。这也意味着,我发布的配置是正确的,因为imagemin似乎正在运行。使用-verbose标志运行grunt任务以获取更多信息!把我的图片换成从bbc.co.uk下载的图片,结果是一样的。下面是grunt imagemin-verbose>运行imagemin:dynamic imagemin任务验证属性imagemin.dynamic是否存在于配置中的输出…确定文件:images/_79437129_sister_afp624.jpg->images/build/_79437129_sister_afp624.jpg文件:images/_79442199_08283f39-49e3-4346-8a0f-2ae6bd92abf.jpg->images/build/_79442199_08283f39-49e3-4346-8a0f-2aae6bd92abf.jpg文件:images/_79452531_79452530.jpg->images/build/_79452531_79452530.jpg选项:交错,优化级别=3,渐进致命错误:无法读取未定义书籍的属性“内容”,如JPEG问题。也许您删除了node_模块/grunt contrib imagemin并重新安装它!?可能这解决了你的问题。。。