Svg files aren't displayed

Describe the bug SVG images aren’t loading

To Reproduce

/*  CSS */
/* image is not displayed */
.png {
  background: url('./../assets/test.png') center center no-repeat;
}

/* image displayed */
.svg {
  background: url('./../assets/test.svg') center center no-repeat;
}

Expected behavior SVG file should be displayed

Desktop (please complete the following information):

• vue-web-extension version: 1.0.3
• OS: MacOS
• Node.js version: v12.16.1

Additional context I guess solution is to make some changes inside webpack.config.js, but I am not sure about this

[artrayd]

That worked, thank you for support and your awesome project!

Removed at |svg from this line: test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,

[Kocal]

Hum, that’s probably because there is two rules for .svg files: https://github.com/Kocal/vue-web-extension/blob/master/template/webpack.config.js#L47-L65 … but I’m not sure.

Can you try to remove |svg from the 2nd rule?