rollup-plugin-image-files/dist/index.es.js

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

import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'fs';
import { basename, dirname } from 'path';
import { createFilter } from 'rollup-pluginutils';

const defaultExtensions = ['.jpg', '.jpeg', '.png', '.gif', '.svg'];

function image(options = {}) {
	const extensions = options.extensions || defaultExtensions;
	const includes = extensions.map(e => `**/*${e}`);
	const filter = createFilter(options.include || includes, options.exclude);
	let images = [];

	function generateBundle(options, rendered) {
		const dir = options.dir || dirname(options.dest || options.file);
		if (!existsSync(dir)) {
			mkdirSync(dir);
		}
		images.forEach(id => {
			writeFileSync(`${dir}/${basename(id)}`, readFileSync(id));
		});
	}

	return {
		name: 'image-file',
		load(id) {
			if ('string' !== typeof id || !filter(id)) {
				return null;
			}

			if (images.indexOf(id) < 0) {
				images.push(id);
			}
			return `const img = require('./${basename(id)}'); export default img;`;
		},
		generateBundle,
		ongenerate: generateBundle
	};
}

export default image;