responsive-image-loader

responsive-image-loader

Webpack loader to create responsive images. Uses responsive-loader with sharp adapter under the hood with custom predefined options.

Can be used with babel-plugin-named-asset-import (create-react-app) to export responsiveImage instance like so:

// loaderMap comes from babel-plugin-named-asset-import configuration

['png', 'jpg', 'bmp', 'jpeg'].forEach(ext => {
    loaderMap[ext] = {
        responsiveImage: `!!${require.resolve('./images/responsive-loader')}![path]`,
    }
})