Skip to content

Like rollup-plugin-image, but writes image files to dest instead of inlining base64.

License

Notifications You must be signed in to change notification settings

biorz/rollup-plugin-image-files

 
 

Repository files navigation

rollup-plugin-image-files

Build Status

Like rollup-plugin-image, but writes image files to dest instead of inlining base64. This was written for a library that would be consumed by react-native applications.

Usage

Install the plugin via npm:

npm install --save-dev rollup-plugin-image-files

Add the plugin to your rollup config:

import images from 'rollup-plugin-image-files';

export default {
  entry: 'src/index.js',
  des: 'dist/bundle.js',
  plugins: [images()]
}

Require some images in your source:

import React from 'react';
import { Image } from 'react-native';
import imageSrc from '../path/to/image.png';

export default const MyComponent = () => (
  <Image source={imageSrc}/>
);

What it does

The plugin does two things:

  1. Copies the source image into the same directory as the destination file.
  2. Replaces the image required with a module that exports the result of calling require on the copied image.

About

Like rollup-plugin-image, but writes image files to dest instead of inlining base64.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 45.0%
  • JavaScript 30.0%
  • CSS 17.5%
  • TypeScript 7.5%