svg-sprite-loader
svg-spritemap-webpack-plugin
| svg-sprite-loader | svg-spritemap-webpack-plugin | |
|---|---|---|
| 1 | 1 | |
| 2,016 | 207 | |
| 0.3% | - | |
| 2.7 | 3.3 | |
| 11 months ago | 9 days ago | |
| JavaScript | JavaScript | |
| MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
svg-sprite-loader
-
SVG Icon System for vue cli 3
/* vue.config.js */ module.exports = { pluginOptions: { svgSprite: { /* * The directory containing your SVG files. */ dir: 'src/assets/icons', /* * The reqex that will be used for the Webpack rule. */ test: /\.(svg)(\?.*)?$/, /* * @see https://github.com/kisenka/svg-sprite-loader#configuration */ loaderOptions: { extract: true, spriteFilename: 'img/icons.svg' // or 'img/icons.svg' if filenameHashing == false }, /* * @see https://github.com/kisenka/svg-sprite-loader#configuration */ pluginOptions: { plainSprite: true } } }, chainWebpack: config => { config.module .rule('svg-sprite') .use('svgo-loader') .loader('svgo-loader') } }
svg-spritemap-webpack-plugin
-
Which vue-cli plugin for inlining SVG images?
I don't know if it works with vue-cli but I use https://github.com/cascornelissen/svg-spritemap-webpack-plugin
What are some alternatives?
svgr - Transform SVGs into React components 🦁
critters - 🦔 A Webpack plugin to inline your critical CSS and lazy-load the rest.
sass-loader - Compiles Sass to CSS
unplugin-icons - 🤹 Access thousands of icons as components on-demand universally.
vue-cli-plugin-svg-sprite - vue-cli 3 plugin to build an SVG sprite
extract-loader - webpack loader to extract HTML and CSS from the bundle
pug-loader - Pug loader for Webpack renders pug to HTML or template function
svg-icon-setup
html-loader - HTML Loader
dotenv-webpack - A secure webpack plugin that supports dotenv and other environment variables and only exposes what you choose and use.
mocker-api - mocker-api that creates mocks for REST APIs. It will be helpful when you try to test your application without the actual REST API server.
webpack-chain - A chaining API to generate and simplify the modification of Webpack configurations.