Giter VIP home page Giter VIP logo

webpack-svg-spritely's People

Contributors

dependabot[bot] avatar drolsen avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

barnicolly

webpack-svg-spritely's Issues

Numerical filename bug

Issue

SVG files that have a numerical naming convention do not get processed into the sprite.
This is limiting for large icon sets that absolutely need numbers for organization purposes.

How to leave filename as svg-id without prefix?

If i set prefix to '':

new WebpackSVGSpritely({
      output: '/images',
      prefix:''
    })

i have result as:
symbol id="-left",
symbol id="-gear", etc

How can i set id as source filename without '-'?

Thanks.

Missing combine / filter options

With Webpack builds that have multiple entry files each importing different groups of icons, it makes sense to create distinct icon sprite sheets for each entry unless told otherwise. A combine option would allow developers to explicitly state they want a build's multiple entry files to reduce down to a single icon sheet or not.

...
combine: true|false, // (false by default)
...

Currently, the plugin will process all SVG files as icons and add them to the sprite, and while this might be the desired behavior for some projects it would be nice to have have a filter option to keep out unwanted larger SVG files from our sprites and keep these for background loading or full DOM.

...
filter: RegEx|Function // (if function, must return true or false)
...

Icon/Sprite Datasource

Please have this tool generate a file (JSON) that could be used in a CMS as a datasource for a dialog dropdown or icon picker to allow an author to select an icon.

Manifest JSON Source Bug

With the introduction of the new manifest JSON file generation, a bug has been discovered that the SVG source prop is actually the source from post-processed svgs not raw source svgs. This wont work for the majority of manifest JSON file use cases that want to have access to SVGs devoid of any client side assets.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.