svg-snabbdom-loader

Webpack svg to snabbdom vnode loader

Installation

$ npm install --save-dev svg-snabbdom-loader

Parameters

Loader supports following parameters:

• omitFill used to omit fill attribute from generated VNode attributes (defaults to keep fill attribute as is)
• omitKey used to omit key attribute from generated top-level svg VNode attributes (generated key defaults to svg-{basename} where {basename} is filename without .svg extension)
• className used to set class attribute for generated top-level svg VNode (defaults to svg-icon)

Usage

Documentation: Using loaders

Specify in webpack.config.js:

module.exports = {
    //...
    module: {
        loaders: [{
            test: /\.svg$/,
            loader: 'svg-snabbdom-loader'
        }]
    },
    //...
};

Chained with svgo-loader:

module.exports = {
    //...
    module: {
        loaders: [{
            test: /\.svg$/,
            loader: 'svg-snabbdom-loader!svgo-loader'
        }]
    },
    //...
};

With parameters:

module.exports = {
    //...
    module: {
        loaders: [{
            test: /\.svg$/,
            loader: 'svg-snabbdom-loader?omitFill=true&className=svg-icon-large!svgo-loader'
        }]
    },
    //...
};

Splitting filled and non-filled graphics:

module.exports = {
    //...
    module: {
        loaders: [{
            test: /\.svg$/,
            include: /src\/svg\/filled/
            loader: 'svg-snabbdom-loader?className=svg-filled!svgo-loader'
        }, {
            test: /\.svg$/,
            include: /src\/svg\/nonfilled/
            loader: 'svg-snabbdom-loader?className=svg-non-filled!svgo-loader'
        }]
    },
    //...
};

License

MIT, see LICENSE.md for details.