Back to Gems
rollup/rollup-plugin-image(opens in a new tab)
Language: JavaScript
This module has moved and is now available at @rollup/plugin-image / https://github.com/rollup/plugins/blob/master/packages/image
- stars
- 41
- watchers
- 3
- forks
- 12
- open issues
- 0
- Last updated
- 11/21/2019
README
This module has moved and is now available at @rollup/plugin-image. Please update your dependencies. This repository is no longer maintained.
Import JPG, PNG, GIF and SVG files.
npm install --save-dev rollup-plugin-image
// rollup.config.js import image from 'rollup-plugin-image'; export default { entry: 'src/index.js', dest: 'dist/my-lib.js', plugins: [ image() ] };
You can now use images in your bundle like so:
import logo from './rollup.png'; document.body.appendChild( logo );
Images are encoded using base64, which means they will be 33% larger than the size on disk. You should therefore only use this for small images where the convenience of having them available on startup (e.g. rendering immediately to a canvas without co-ordinating asynchronous loading of several images) outweighs the cost.
MIT