Grunt Responsive Images Outputs Nothing, No Errors Given












0















So I am not the most versed in grunt, but this has stumped me to my core. When I run the grunt responsive image task, the task runs fine, but outputs nothing to my destination folder...



Here is the error part:



error-1



And this is the folder-tree:



folder-tree



I have other tasks that run in my Gruntfile.js, so it is something with the responsive_images tasks.



Full Code



/**
* gruntfile.js
*
* original code from jeff1evesque @ https://gist.github.com/jeff1evesque/b98560d6c4d9914049f9
* modified as needed
*/

module.exports = function (grunt) {

grunt.initConfig({

// Watch task configuration
watch: {
css: {
files: 'src/scss/*.scss',
tasks: ['sass'],
},
js: {
files: 'src/js/*.js',
tasks: ['uglify'],
},
img: {
files: 'src/img/*.{png,jpg,gif}',
tasks: ['responsive_images', 'imagemin'],
},
html: {
files: 'src/*.html',
tasks: ['htmlmin'],
}
},

// Sass task configuration
sass: {
dist: {
files: [{
expand: true, // enable dynamic expansion
cwd: 'src/scss/',
src: ['**/*.scss'],
dest: 'dist/public/css/',
ext: '.min.css', // dest filepaths will have this extension
extDot: 'first', // extensions in filenames begin after the first dot
}],
options: {
style: 'compressed'
},
},
},

// Uglify task configuration
uglify: {
my_target: {
files: [{
expand: true, // enable dynamic expansion
cwd: 'src/js/',
src: ['**/*.js'],
dest: 'dist/public/js/',
ext: '.min.js', // dest filepaths will have this extension
extDot: 'last', // extensions in filenames begin after the last dot
}],
},
},

// Resize and save all images
responsive_images: {
dev: {
options: {
engine: 'gm',
sizes: [{
name: '320',
quality: 100,
width: 320
},{
name: '440',
quality: 100,
width: 440
},{
name: '680',
quality: 100,
width: 680
},{
name: '1024',
quality: 100,
width: 1024
},{
name: '1200',
quality: 100,
width: 1200
}]
},
files: [{
expand: true,
cwd: 'src/img/',
src: ['*.{jpg,gif,png}'],
dest: 'dist/public/img/',
}]
}
},

// Copy images to new destination

// copy: {
// dev: {
// files: [{
// expand: true,
// src: ['**/*'],
// cwd: 'src/img',
// dest: 'dist/public/img'
// }]
// }
// },

// Imagemin task configuration
imagemin: {
dynamic: {
files: [{
expand: true, // enable dynamic expansion
cwd: 'src/img/',
src: ['**/*.{png,jpg,gif}'],
dest: 'dist/public/img/',
}],
},
},

//Htmlmin task configuration
htmlmin: {
dist: {
options: {
removeComments: true,
collapseWhitespace: true
},
files: [{
expand : true,
cwd : 'src',
src : '**/*.html',
dest : 'dist/public'
}]
},
// dev: {
// files: [{
// expand: true,
// cwd: 'app',
// src: ['src/**/*.html', '*.html'],
// dest: 'dist/'
// }]
// },
},

});

// Load Plug-ins
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');
grunt.loadNpmTasks('grunt-contrib-uglify');
// grunt.loadNpmTasks('grunt-contrib-copy');
grunt.loadNpmTasks('grunt-responsive-images');
grunt.loadNpmTasks('grunt-contrib-imagemin');
grunt.loadNpmTasks('grunt-contrib-htmlmin');

// Register Tasks: used as commands
grunt.registerTask('build-sass', ['sass', 'watch']);
grunt.registerTask('build-uglify', ['uglify', 'watch']);
grunt.registerTask('build-img', ['responsive_images']);
// grunt.registerTask('build-copy', ['copy', 'watch']);
grunt.registerTask('build-imagemin', ['imagemin']);
grunt.registerTask('build-htmlmin', ['htmlmin', 'watch']);
grunt.registerTask('default', ['sass', 'uglify', 'responsive_images','imagemin', 'htmlmin', 'watch']);
};


And here's just the responsive_images task



module.exports = function (grunt) {
grunt.initConfig({
// Watch task configuration
watch: {
img: {
files: 'src/img/*.{png,jpg,gif}',
tasks: ['responsive_images'],
}
},

// Resize and save all images
responsive_images: {
dev: {
options: {
engine: 'gm',
sizes: [{
name: '320',
quality: 100,
width: 320
},{
name: '440',
quality: 100,
width: 440
},{
name: '680',
quality: 100,
width: 680
},{
name: '1024',
quality: 100,
width: 1024
},{
name: '1200',
quality: 100,
width: 1200
}]
},
files: [{
expand: true,
cwd: 'src/img/',
src: ['*.{jpg,gif,png}'],
dest: 'dist/public/img/',
}]
}
}

});
// Load Plug-ins
grunt.loadNpmTasks('grunt-responsive-images');
// Register Tasks: used as commands
grunt.registerTask('build-img', ['responsive_images']);
grunt.registerTask('default', ['responsive_images', 'watch']);
};


I've checked my package.json and package-lock.json, everything appears to be in order including versioning.



Grunt v. 1.0.3
grunt-responsive-images v. 1.10.1
GraphicsMagick v. 1.3.31
OS Windows 10



Please and thank you.










share|improve this question





























    0















    So I am not the most versed in grunt, but this has stumped me to my core. When I run the grunt responsive image task, the task runs fine, but outputs nothing to my destination folder...



    Here is the error part:



    error-1



    And this is the folder-tree:



    folder-tree



    I have other tasks that run in my Gruntfile.js, so it is something with the responsive_images tasks.



    Full Code



    /**
    * gruntfile.js
    *
    * original code from jeff1evesque @ https://gist.github.com/jeff1evesque/b98560d6c4d9914049f9
    * modified as needed
    */

    module.exports = function (grunt) {

    grunt.initConfig({

    // Watch task configuration
    watch: {
    css: {
    files: 'src/scss/*.scss',
    tasks: ['sass'],
    },
    js: {
    files: 'src/js/*.js',
    tasks: ['uglify'],
    },
    img: {
    files: 'src/img/*.{png,jpg,gif}',
    tasks: ['responsive_images', 'imagemin'],
    },
    html: {
    files: 'src/*.html',
    tasks: ['htmlmin'],
    }
    },

    // Sass task configuration
    sass: {
    dist: {
    files: [{
    expand: true, // enable dynamic expansion
    cwd: 'src/scss/',
    src: ['**/*.scss'],
    dest: 'dist/public/css/',
    ext: '.min.css', // dest filepaths will have this extension
    extDot: 'first', // extensions in filenames begin after the first dot
    }],
    options: {
    style: 'compressed'
    },
    },
    },

    // Uglify task configuration
    uglify: {
    my_target: {
    files: [{
    expand: true, // enable dynamic expansion
    cwd: 'src/js/',
    src: ['**/*.js'],
    dest: 'dist/public/js/',
    ext: '.min.js', // dest filepaths will have this extension
    extDot: 'last', // extensions in filenames begin after the last dot
    }],
    },
    },

    // Resize and save all images
    responsive_images: {
    dev: {
    options: {
    engine: 'gm',
    sizes: [{
    name: '320',
    quality: 100,
    width: 320
    },{
    name: '440',
    quality: 100,
    width: 440
    },{
    name: '680',
    quality: 100,
    width: 680
    },{
    name: '1024',
    quality: 100,
    width: 1024
    },{
    name: '1200',
    quality: 100,
    width: 1200
    }]
    },
    files: [{
    expand: true,
    cwd: 'src/img/',
    src: ['*.{jpg,gif,png}'],
    dest: 'dist/public/img/',
    }]
    }
    },

    // Copy images to new destination

    // copy: {
    // dev: {
    // files: [{
    // expand: true,
    // src: ['**/*'],
    // cwd: 'src/img',
    // dest: 'dist/public/img'
    // }]
    // }
    // },

    // Imagemin task configuration
    imagemin: {
    dynamic: {
    files: [{
    expand: true, // enable dynamic expansion
    cwd: 'src/img/',
    src: ['**/*.{png,jpg,gif}'],
    dest: 'dist/public/img/',
    }],
    },
    },

    //Htmlmin task configuration
    htmlmin: {
    dist: {
    options: {
    removeComments: true,
    collapseWhitespace: true
    },
    files: [{
    expand : true,
    cwd : 'src',
    src : '**/*.html',
    dest : 'dist/public'
    }]
    },
    // dev: {
    // files: [{
    // expand: true,
    // cwd: 'app',
    // src: ['src/**/*.html', '*.html'],
    // dest: 'dist/'
    // }]
    // },
    },

    });

    // Load Plug-ins
    grunt.loadNpmTasks('grunt-contrib-sass');
    grunt.loadNpmTasks('grunt-contrib-watch');
    grunt.loadNpmTasks('grunt-contrib-uglify');
    // grunt.loadNpmTasks('grunt-contrib-copy');
    grunt.loadNpmTasks('grunt-responsive-images');
    grunt.loadNpmTasks('grunt-contrib-imagemin');
    grunt.loadNpmTasks('grunt-contrib-htmlmin');

    // Register Tasks: used as commands
    grunt.registerTask('build-sass', ['sass', 'watch']);
    grunt.registerTask('build-uglify', ['uglify', 'watch']);
    grunt.registerTask('build-img', ['responsive_images']);
    // grunt.registerTask('build-copy', ['copy', 'watch']);
    grunt.registerTask('build-imagemin', ['imagemin']);
    grunt.registerTask('build-htmlmin', ['htmlmin', 'watch']);
    grunt.registerTask('default', ['sass', 'uglify', 'responsive_images','imagemin', 'htmlmin', 'watch']);
    };


    And here's just the responsive_images task



    module.exports = function (grunt) {
    grunt.initConfig({
    // Watch task configuration
    watch: {
    img: {
    files: 'src/img/*.{png,jpg,gif}',
    tasks: ['responsive_images'],
    }
    },

    // Resize and save all images
    responsive_images: {
    dev: {
    options: {
    engine: 'gm',
    sizes: [{
    name: '320',
    quality: 100,
    width: 320
    },{
    name: '440',
    quality: 100,
    width: 440
    },{
    name: '680',
    quality: 100,
    width: 680
    },{
    name: '1024',
    quality: 100,
    width: 1024
    },{
    name: '1200',
    quality: 100,
    width: 1200
    }]
    },
    files: [{
    expand: true,
    cwd: 'src/img/',
    src: ['*.{jpg,gif,png}'],
    dest: 'dist/public/img/',
    }]
    }
    }

    });
    // Load Plug-ins
    grunt.loadNpmTasks('grunt-responsive-images');
    // Register Tasks: used as commands
    grunt.registerTask('build-img', ['responsive_images']);
    grunt.registerTask('default', ['responsive_images', 'watch']);
    };


    I've checked my package.json and package-lock.json, everything appears to be in order including versioning.



    Grunt v. 1.0.3
    grunt-responsive-images v. 1.10.1
    GraphicsMagick v. 1.3.31
    OS Windows 10



    Please and thank you.










    share|improve this question



























      0












      0








      0








      So I am not the most versed in grunt, but this has stumped me to my core. When I run the grunt responsive image task, the task runs fine, but outputs nothing to my destination folder...



      Here is the error part:



      error-1



      And this is the folder-tree:



      folder-tree



      I have other tasks that run in my Gruntfile.js, so it is something with the responsive_images tasks.



      Full Code



      /**
      * gruntfile.js
      *
      * original code from jeff1evesque @ https://gist.github.com/jeff1evesque/b98560d6c4d9914049f9
      * modified as needed
      */

      module.exports = function (grunt) {

      grunt.initConfig({

      // Watch task configuration
      watch: {
      css: {
      files: 'src/scss/*.scss',
      tasks: ['sass'],
      },
      js: {
      files: 'src/js/*.js',
      tasks: ['uglify'],
      },
      img: {
      files: 'src/img/*.{png,jpg,gif}',
      tasks: ['responsive_images', 'imagemin'],
      },
      html: {
      files: 'src/*.html',
      tasks: ['htmlmin'],
      }
      },

      // Sass task configuration
      sass: {
      dist: {
      files: [{
      expand: true, // enable dynamic expansion
      cwd: 'src/scss/',
      src: ['**/*.scss'],
      dest: 'dist/public/css/',
      ext: '.min.css', // dest filepaths will have this extension
      extDot: 'first', // extensions in filenames begin after the first dot
      }],
      options: {
      style: 'compressed'
      },
      },
      },

      // Uglify task configuration
      uglify: {
      my_target: {
      files: [{
      expand: true, // enable dynamic expansion
      cwd: 'src/js/',
      src: ['**/*.js'],
      dest: 'dist/public/js/',
      ext: '.min.js', // dest filepaths will have this extension
      extDot: 'last', // extensions in filenames begin after the last dot
      }],
      },
      },

      // Resize and save all images
      responsive_images: {
      dev: {
      options: {
      engine: 'gm',
      sizes: [{
      name: '320',
      quality: 100,
      width: 320
      },{
      name: '440',
      quality: 100,
      width: 440
      },{
      name: '680',
      quality: 100,
      width: 680
      },{
      name: '1024',
      quality: 100,
      width: 1024
      },{
      name: '1200',
      quality: 100,
      width: 1200
      }]
      },
      files: [{
      expand: true,
      cwd: 'src/img/',
      src: ['*.{jpg,gif,png}'],
      dest: 'dist/public/img/',
      }]
      }
      },

      // Copy images to new destination

      // copy: {
      // dev: {
      // files: [{
      // expand: true,
      // src: ['**/*'],
      // cwd: 'src/img',
      // dest: 'dist/public/img'
      // }]
      // }
      // },

      // Imagemin task configuration
      imagemin: {
      dynamic: {
      files: [{
      expand: true, // enable dynamic expansion
      cwd: 'src/img/',
      src: ['**/*.{png,jpg,gif}'],
      dest: 'dist/public/img/',
      }],
      },
      },

      //Htmlmin task configuration
      htmlmin: {
      dist: {
      options: {
      removeComments: true,
      collapseWhitespace: true
      },
      files: [{
      expand : true,
      cwd : 'src',
      src : '**/*.html',
      dest : 'dist/public'
      }]
      },
      // dev: {
      // files: [{
      // expand: true,
      // cwd: 'app',
      // src: ['src/**/*.html', '*.html'],
      // dest: 'dist/'
      // }]
      // },
      },

      });

      // Load Plug-ins
      grunt.loadNpmTasks('grunt-contrib-sass');
      grunt.loadNpmTasks('grunt-contrib-watch');
      grunt.loadNpmTasks('grunt-contrib-uglify');
      // grunt.loadNpmTasks('grunt-contrib-copy');
      grunt.loadNpmTasks('grunt-responsive-images');
      grunt.loadNpmTasks('grunt-contrib-imagemin');
      grunt.loadNpmTasks('grunt-contrib-htmlmin');

      // Register Tasks: used as commands
      grunt.registerTask('build-sass', ['sass', 'watch']);
      grunt.registerTask('build-uglify', ['uglify', 'watch']);
      grunt.registerTask('build-img', ['responsive_images']);
      // grunt.registerTask('build-copy', ['copy', 'watch']);
      grunt.registerTask('build-imagemin', ['imagemin']);
      grunt.registerTask('build-htmlmin', ['htmlmin', 'watch']);
      grunt.registerTask('default', ['sass', 'uglify', 'responsive_images','imagemin', 'htmlmin', 'watch']);
      };


      And here's just the responsive_images task



      module.exports = function (grunt) {
      grunt.initConfig({
      // Watch task configuration
      watch: {
      img: {
      files: 'src/img/*.{png,jpg,gif}',
      tasks: ['responsive_images'],
      }
      },

      // Resize and save all images
      responsive_images: {
      dev: {
      options: {
      engine: 'gm',
      sizes: [{
      name: '320',
      quality: 100,
      width: 320
      },{
      name: '440',
      quality: 100,
      width: 440
      },{
      name: '680',
      quality: 100,
      width: 680
      },{
      name: '1024',
      quality: 100,
      width: 1024
      },{
      name: '1200',
      quality: 100,
      width: 1200
      }]
      },
      files: [{
      expand: true,
      cwd: 'src/img/',
      src: ['*.{jpg,gif,png}'],
      dest: 'dist/public/img/',
      }]
      }
      }

      });
      // Load Plug-ins
      grunt.loadNpmTasks('grunt-responsive-images');
      // Register Tasks: used as commands
      grunt.registerTask('build-img', ['responsive_images']);
      grunt.registerTask('default', ['responsive_images', 'watch']);
      };


      I've checked my package.json and package-lock.json, everything appears to be in order including versioning.



      Grunt v. 1.0.3
      grunt-responsive-images v. 1.10.1
      GraphicsMagick v. 1.3.31
      OS Windows 10



      Please and thank you.










      share|improve this question
















      So I am not the most versed in grunt, but this has stumped me to my core. When I run the grunt responsive image task, the task runs fine, but outputs nothing to my destination folder...



      Here is the error part:



      error-1



      And this is the folder-tree:



      folder-tree



      I have other tasks that run in my Gruntfile.js, so it is something with the responsive_images tasks.



      Full Code



      /**
      * gruntfile.js
      *
      * original code from jeff1evesque @ https://gist.github.com/jeff1evesque/b98560d6c4d9914049f9
      * modified as needed
      */

      module.exports = function (grunt) {

      grunt.initConfig({

      // Watch task configuration
      watch: {
      css: {
      files: 'src/scss/*.scss',
      tasks: ['sass'],
      },
      js: {
      files: 'src/js/*.js',
      tasks: ['uglify'],
      },
      img: {
      files: 'src/img/*.{png,jpg,gif}',
      tasks: ['responsive_images', 'imagemin'],
      },
      html: {
      files: 'src/*.html',
      tasks: ['htmlmin'],
      }
      },

      // Sass task configuration
      sass: {
      dist: {
      files: [{
      expand: true, // enable dynamic expansion
      cwd: 'src/scss/',
      src: ['**/*.scss'],
      dest: 'dist/public/css/',
      ext: '.min.css', // dest filepaths will have this extension
      extDot: 'first', // extensions in filenames begin after the first dot
      }],
      options: {
      style: 'compressed'
      },
      },
      },

      // Uglify task configuration
      uglify: {
      my_target: {
      files: [{
      expand: true, // enable dynamic expansion
      cwd: 'src/js/',
      src: ['**/*.js'],
      dest: 'dist/public/js/',
      ext: '.min.js', // dest filepaths will have this extension
      extDot: 'last', // extensions in filenames begin after the last dot
      }],
      },
      },

      // Resize and save all images
      responsive_images: {
      dev: {
      options: {
      engine: 'gm',
      sizes: [{
      name: '320',
      quality: 100,
      width: 320
      },{
      name: '440',
      quality: 100,
      width: 440
      },{
      name: '680',
      quality: 100,
      width: 680
      },{
      name: '1024',
      quality: 100,
      width: 1024
      },{
      name: '1200',
      quality: 100,
      width: 1200
      }]
      },
      files: [{
      expand: true,
      cwd: 'src/img/',
      src: ['*.{jpg,gif,png}'],
      dest: 'dist/public/img/',
      }]
      }
      },

      // Copy images to new destination

      // copy: {
      // dev: {
      // files: [{
      // expand: true,
      // src: ['**/*'],
      // cwd: 'src/img',
      // dest: 'dist/public/img'
      // }]
      // }
      // },

      // Imagemin task configuration
      imagemin: {
      dynamic: {
      files: [{
      expand: true, // enable dynamic expansion
      cwd: 'src/img/',
      src: ['**/*.{png,jpg,gif}'],
      dest: 'dist/public/img/',
      }],
      },
      },

      //Htmlmin task configuration
      htmlmin: {
      dist: {
      options: {
      removeComments: true,
      collapseWhitespace: true
      },
      files: [{
      expand : true,
      cwd : 'src',
      src : '**/*.html',
      dest : 'dist/public'
      }]
      },
      // dev: {
      // files: [{
      // expand: true,
      // cwd: 'app',
      // src: ['src/**/*.html', '*.html'],
      // dest: 'dist/'
      // }]
      // },
      },

      });

      // Load Plug-ins
      grunt.loadNpmTasks('grunt-contrib-sass');
      grunt.loadNpmTasks('grunt-contrib-watch');
      grunt.loadNpmTasks('grunt-contrib-uglify');
      // grunt.loadNpmTasks('grunt-contrib-copy');
      grunt.loadNpmTasks('grunt-responsive-images');
      grunt.loadNpmTasks('grunt-contrib-imagemin');
      grunt.loadNpmTasks('grunt-contrib-htmlmin');

      // Register Tasks: used as commands
      grunt.registerTask('build-sass', ['sass', 'watch']);
      grunt.registerTask('build-uglify', ['uglify', 'watch']);
      grunt.registerTask('build-img', ['responsive_images']);
      // grunt.registerTask('build-copy', ['copy', 'watch']);
      grunt.registerTask('build-imagemin', ['imagemin']);
      grunt.registerTask('build-htmlmin', ['htmlmin', 'watch']);
      grunt.registerTask('default', ['sass', 'uglify', 'responsive_images','imagemin', 'htmlmin', 'watch']);
      };


      And here's just the responsive_images task



      module.exports = function (grunt) {
      grunt.initConfig({
      // Watch task configuration
      watch: {
      img: {
      files: 'src/img/*.{png,jpg,gif}',
      tasks: ['responsive_images'],
      }
      },

      // Resize and save all images
      responsive_images: {
      dev: {
      options: {
      engine: 'gm',
      sizes: [{
      name: '320',
      quality: 100,
      width: 320
      },{
      name: '440',
      quality: 100,
      width: 440
      },{
      name: '680',
      quality: 100,
      width: 680
      },{
      name: '1024',
      quality: 100,
      width: 1024
      },{
      name: '1200',
      quality: 100,
      width: 1200
      }]
      },
      files: [{
      expand: true,
      cwd: 'src/img/',
      src: ['*.{jpg,gif,png}'],
      dest: 'dist/public/img/',
      }]
      }
      }

      });
      // Load Plug-ins
      grunt.loadNpmTasks('grunt-responsive-images');
      // Register Tasks: used as commands
      grunt.registerTask('build-img', ['responsive_images']);
      grunt.registerTask('default', ['responsive_images', 'watch']);
      };


      I've checked my package.json and package-lock.json, everything appears to be in order including versioning.



      Grunt v. 1.0.3
      grunt-responsive-images v. 1.10.1
      GraphicsMagick v. 1.3.31
      OS Windows 10



      Please and thank you.







      javascript node.js gruntjs graphicsmagick






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 28 '18 at 3:06









      kit

      1,1063816




      1,1063816










      asked Nov 28 '18 at 0:23









      booelleanbooellean

      13




      13
























          0






          active

          oldest

          votes











          Your Answer






          StackExchange.ifUsing("editor", function () {
          StackExchange.using("externalEditor", function () {
          StackExchange.using("snippets", function () {
          StackExchange.snippets.init();
          });
          });
          }, "code-snippets");

          StackExchange.ready(function() {
          var channelOptions = {
          tags: "".split(" "),
          id: "1"
          };
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function() {
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled) {
          StackExchange.using("snippets", function() {
          createEditor();
          });
          }
          else {
          createEditor();
          }
          });

          function createEditor() {
          StackExchange.prepareEditor({
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader: {
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          },
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          });


          }
          });














          draft saved

          draft discarded


















          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53510290%2fgrunt-responsive-images-outputs-nothing-no-errors-given%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes
















          draft saved

          draft discarded




















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid



          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.


          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function () {
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53510290%2fgrunt-responsive-images-outputs-nothing-no-errors-given%23new-answer', 'question_page');
          }
          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          A CLEAN and SIMPLE way to add appendices to Table of Contents and bookmarks

          Calculate evaluation metrics using cross_val_predict sklearn

          Insert data from modal to MySQL (multiple modal on website)