SVG to JSON Webpack Plugin

This webpack plugin generates a collection of SVGs in JSON format from all .svg files in a directory. This strips out the svg and title tags for manually addition when loading the SVG data. In addition to the SVG data, it also returns each SVG's title and viewbox. This code is heavily based on the SVG Spritemap Webpack Plugin by Freshheads.

NPM: svg-to-json-webpack-plugin

Installation

npm install svg-to-json-webpack-plugin --save-dev

Usage

// webpack.config.js
var SvgToJsonPlugin = require('svg-to-json-webpack-plugin');

module.exports = {
    // ...
    plugins: [
        new SvgToJsonPlugin({
            // Optional options object
        })
    ]
}

Options

| Option | Default | Description | | --------------- | ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | | src | '**/*.svg' | glob used for finding the SVGs that should be in the spritemap | | glob | {} | Options object for glob | prefix | 'sprite-' | Prefix added to sprite identifier in the spritemap | | filename | 'spritemap.json' | Name for the generated file (located at the webpack output.path), [hash] and [contenthash] are supported | | chunk | 'spritemap' | Name of the generated chunk | | deleteChunk | true | Deletes the chunked file chunk after packing is complete |

License

This project is licensed under the MIT license.