SVG Icon System for vue cli 3

• vue-cli-plugin-svg-sprite

  1 70 0.0 JavaScript

  vue-cli 3 plugin to build an SVG sprite

  

  For more info about this svg-sprint addon

• InfluxDB

  www.influxdata.com featured

  Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

  

• svg-sprite-loader

  1 2,016 2.7 JavaScript

  Webpack loader for creating SVG sprites.

  

  /* 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

  1 3 0.0 Vue

  Reference for the code repo

Suggest a related project