rollup-plugin-svg-sprite-deterministic

rollup-plugin-svg-sprite-deterministic

Create deterministic external svg sprite file from your bundle using Rollup and optimize it using SVGO.

This is a fork of rollup-plugin-svg-sprite that creates deterministic (repeatable) builds. See #8 for motivation.

Version 2.x of this plugin has some breaking changes. See #1.

Installation

# yarn
yarn add rollup-plugin-svg-sprite-deterministic -D

# npm
npm install rollup-plugin-svg-sprite-deterministic -D

Usage

// rollup.config.js
import svgSprite from 'rollup-plugin-svg-sprite-deterministic'

export default {
  input: 'src/index.js',
  output: {
    file: 'dist/app.js',
    format: 'iife'
  },
  plugins: [
    svgSprite({
      outputFolder: 'dist/public'
    })
  ]
}

Next, import svg files in your project:

import './svg/trash.svg'
import './svg/user.svg'

Configuration

There are some useful options:

outputFolder

Type: string

Folder where generated svg sprite will be saved.

svgSprite({
  outputFolder: 'dist/public'
})

minify

Type: boolean | Default: true

Minify generated svg sprite.

svgSprite({
  outputFolder: 'dist/public',
  minify: false
})

License

MIT