Image-source-loader NPM

image source loader for webpack

A source is an object contains: base64 uri, width and height of a image. eg: { uri: 'data:image/png;base64, iVBxxxx...', width: 2, height: 3 }

If your looking for a loader that simple encodes as base64 try base64-loader

Installation

npm install image-source-loader

Usage

const source = require("image-source!./1x1.png");

// source => {
//   uri: "data:image/png;base64,iVBORw0KGgoAAAANS...",
//   width: 1,
//   height: 1
// }

Documentation: Using loaders

Support

See ./mimes.json for currently supported extensions/mimes.
Create a Pull Request if you need more added.

base64 image webpack loader img src

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago