Support multiple instances about webpack-svgstore-plugin HOT 8 CLOSED

@jonespen Hello!

Can you try 3.0.0-alpha.2 version?
documentation here https://github.com/mrsum/webpack-svgstore-plugin/blob/feature/refactor/README.md

from webpack-svgstore-plugin.

Hey, thanks!

I upgraded, and it works, but I still can't figure out how to specify two different templates. AFAIK svgxhr don't take a template as parameter

from webpack-svgstore-plugin.

Hi @jonespen i don't understand what you mean about 'templates'

from webpack-svgstore-plugin.

jade/pug template for compiling data to svg, or different sprites by mask?

from webpack-svgstore-plugin.

Wherever, if you want compile 2 or more different sprites, you can use

var __svg__ = { path: './svg/folder-1/*.svg', name: 'assets/svg/[hash].icons.svg' };
require('webpack-svgstore-plugin/src/helpers/svgxhr')(__svg__);

var __svg__ = { path: './svg/folder-2/*.svg', name: 'assets/svg/[hash].logos.svg' };
require('webpack-svgstore-plugin/src/helpers/svgxhr')(__svg__);

from webpack-svgstore-plugin.

Jade/pug template. If this could be customizable, I could create a html file with all the icons in the svgstore.

I can have a look at it (not right now) if you want

from webpack-svgstore-plugin.

@jonespen You can set up template

new SvgStore({
  template: 'path/to/your/pug/template.pug'
})

from webpack-svgstore-plugin.

var __svg__ = { path: './svg/folder-1/*.svg', name: 'assets/svg/[hash].icons.svg' };
require('webpack-svgstore-plugin/src/helpers/svgxhr')(__svg__);

var __svg__ = { path: './svg/folder-2/*.svg', name: 'assets/svg/[hash].logos.svg' };
require('webpack-svgstore-plugin/src/helpers/svgxhr')(__svg__);

Can I use something like this, but in config (not in chunk)?

new SvgStore(
     //=========> input path
     [
         path.join(__dirname + 'public/', 'image/svg_icons/market', '*.svg'),
         path.join(__dirname + 'public/', 'image/svg_icons/portable', '*.svg'),
     ],
     //=========> output path
     [
         path.join(__dirname + 'public/', 'image/svg_sprite/market'),
         path.join(__dirname + 'public/', 'image/svg_sprite/portable'),
     ],
     //=========> options
     {
         name: 'sprite.svg',
         chunk: 'portable.styl',
         prefix: 'svg-',
     }
)

By the way, I can not get the plugin to work. There is no output. Maybe I need to write input path and output path with considering output.path?

from webpack-svgstore-plugin.