@arashmilani/svg-snabbdom-loader

1.1.1 • Public • Published

svg-snabbdom-loader

experimental Build Status

Webpack svg to snabbdom vnode loader

NPM

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.

Package Sidebar

Install

npm i @arashmilani/svg-snabbdom-loader

Weekly Downloads

1

Version

1.1.1

License

MIT

Unpacked Size

6.54 kB

Total Files

5

Last publish

Collaborators

  • arashmilani