How to import all icons at once using svg-sprite-loader?

Question

I'm trying to use https://github.com/kisenka/svg-sprite-loader this package for using svg icons in my app.

Eventually it worked, but I have to import every icon: import up from '@/assets/svg/up.svg'

How can I do it once, auto-importing all icons from my svg folder?

linked - [How to inline multiple SVGs with React using Webpack?](https://stackoverflow.com/q/38353987/104380) — vsync, Jun 19 '19 at 14:51

score 1 · Answer 1 · edited Apr 04 '20 at 20:45

1

Prepare a module like sprites.js with the following (adjust your path to svgs):

require.context('path/to/your/svg/folder', true, /\.svg$/);

And include it in your entry point.

More information about require.context in the official Webpack docs

edited Apr 04 '20 at 20:45

Alex Ljamin

answered May 21 '18 at 13:39

Greg

[`require.context`](https://stackoverflow.com/a/54066904/104380) is webpack-specific. worth mentioning. – vsync Jun 19 '19 at 12:10

1 Answers1