How to use the svg-sprite function in svg-sprite
To help you get started, we’ve selected a few svg-sprite examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
dcos / dcos-ui / webpack / plugins / svg-compiler-plugin.js View on Github 
compiler.plugin('emit', function (compilation, callback) {
let content = null;
const files = glob.sync('**/*.svg', {cwd: baseDir});
const svgSpriter = new SVGSprite({
mode: {
defs: true
},
shape: {
id: {
separator: '--'
}
}
});
files.forEach(function (file) {
svgSpriter.add(new vinyl({
path: path.join(baseDir, file),
base: baseDir,
contents: fs.readFileSync(path.join(baseDir, file))
}));export default function run(opts, images) {
const config = _.defaultsDeep({}, opts.svgsprite);
const spriter = new SVGSpriter(config);
images.forEach(({ path }) => {
spriter.add(path, null, fs.readFileSync(path, { encoding: 'utf-8' }));
});
return Promise.promisify(spriter.compile, {
context: spriter,
multiArgs: true
})().spread((result, data) => {
const spritesheet = {};
spritesheet.extension = 'svg';
spritesheet.coordinates = {};
spritesheet.image = result.css.sprite.contents;
spritesheet.properties = {
width: data.css.spriteWidth,svg-sprite
SVG sprites & stacks galore — A low-level Node.js module that takes a bunch of SVG files, optimizes them and bakes them into SVG sprites of several types along with suitable stylesheet resources (e.g. CSS, Sass, LESS, Stylus, etc.)
