responsive-loader - npm Package Versions

v1.1.0

• Added min and max options to automatically generate a number of images, and steps option to say how many images (#31).

v1.0.0

New

• 🚀 Added support for sharp (#19)

Breaking

Webpack 2 support

Removed support for webpack 1! Please upgrade to webpack >= 2.

The syntax to import images has changed. The query part now comes after the resource (the image) instead of the loader.

- require('responsive-loader?size=100!some-image.jpg')
+ require('responsive-loader!some-image.jpg?size=100')

That means if responsive-loader is configured in your webpack-config, it's possible to specify image-specific options without having to add the loader part to the import path. For example:

// webpack.config.js
module.exports = {
  // ...
  module: {
    rules: [
      {
        test: /\.jpg$/,
        loader: 'responsive-loader',
        options: {
          size: 1000
          //...
        }
      }
    ]
  },
}

// some-file.js
const image1000 = require('some-image.jpg') // will have size 1000 from the config
const image500 = require('some-image.jpg?size=500')

Other breaking changes

• The ext option was removed, in favor of format=jpg|png. [ext] is now part of the name option like in other loaders (fixes #13)
• Changed default JPEG quality to 85
• The pass option is now called disable

v0.7.0

• Add placeholder option (#16)
• Add width and height attributes to output (#19)

v0.6.1

• Declare default name, context, quality, and background through webpack options when they're not specified in the loader query (#12).