@mole-inc/sqip-loader v1.0.1

SQIP Loader

Loads images and exports tiny SQIP previews as image/svg+xml data

This is a fork of EmilTholin/sqip-loader.
@mole-inc/sqip-loader is depends on the canary version of sqip.
If you use stable one, you are able to use original sqip-loader.

Requirements for non-64bit operating systems

• Primitive.

Install

npm install --save-dev @mole-inc/sqip-loader

Usage

The @mole-inc/sqip-loader loads your image and exports the url of the image as src, the image/svg+xml URL-encoded data as preview, and a sizes object containing width, height and the type of the imported image.

import { src, preview, sizes } from './image.png'

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.(gif|png|jpe?g)$/i,
        use: [
          {
            loader: '@mole-inc/sqip-loader',
            options: {
              numberOfPrimitives: 20,
            },
          },
        ],
      },
    ],
  },
}

It can also be used in conjunction with url-loader or file-loader.

webpack.config.js

module.exports = {
  module: {
    rules: [
      {
        test: /\.(gif|png|jpe?g)$/i,
        use: [
          {
            loader: '@mole-inc/sqip-loader',
            options: {
              numberOfPrimitives: 20,
            },
          },
          {
            loader: 'url-loader',
            options: {
              limit: 8192,
            },
          },
        ],
      },
    ],
  },
}

Options