poi-preset-svg-sprite

Add svg-sprite support in Poi.

Install

npm i -g poi-preset-svg-sprite

Usage

// poi.config.js
module.exports = {
  presets: [
    require('poi-preset-svg-sprite')()
  ]
}

// index.js
import demo from './demo.svg'
const rendered = `
<svg>
  <use xlink:href="${demo.url}" />
</svg>
<img src="${demo.url}" alt="">
`;

Disable extract mode

// poi.config.js
module.exports = {
  presets: [
    require('poi-preset-svg-sprite')({extract: false})
  ]
}

// index.js
import demo from './demo.svg'
const rendered = `
<svg>
  <use xlink:href="#${demo.id}" />
</svg>
`;

API

Table of Contents

• svgSpritePreset

svgSpritePreset

Add svg-sprite support in Poi.

Parameters

• options Object
  • options.include (String | Array<String>)? Specific directory for svg files
  • options.svgSpriteOptions Object svg-sprite-loader options See svg-sprite-loader options (optional, default { extract:true })
  • options.svgSpritePluginOptions Object svg-sprite-loader-plugin options See svg-sprite-loader-plugin options (optional, default {})
  • options.svgoOptions Object svgo-loader options See svgo-loader options (optional, default { plugins:[] })