svg-sprite-loader
svg-icon-setup
svg-sprite-loader | svg-icon-setup | |
---|---|---|
1 | 1 | |
2,016 | 3 | |
0.3% | - | |
2.7 | 0.0 | |
11 months ago | over 3 years ago | |
JavaScript | Vue | |
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-icon-setup
-
SVG Icon System for vue cli 3
Reference for the code repo
What are some alternatives?
svgr - Transform SVGs into React components 🦁
sass-loader - Compiles Sass to CSS
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-spritemap-webpack-plugin - SVG spritemap plugin for webpack
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.