vue-svg-loader breaks down SVG support in stylesheets

[JanssenBrm]

After adding the vue-svg-loader module to the project (see 852af74#diff-1d62a367f02f5c91000e35c82b0086fae3246eca3942f9034c058b16a3780ec2R43-R53), it appears that the application is no longer loading SVGs that are configured as background-image in the stylesheets.

Expected Behavior

SVGs should be properly loaded and displayed as background-image elements in the stylesheets, just like before the module was added.

Actual Behavior

SVGs are not showing when configured as background-image in the stylesheets.

[JanssenBrm]

I've added a reference to a commit that allows the reproduction of the issue. By uncommenting the following code, the cloud icon, next to every title, disappears.

    const svgRule = webpackConfig.module.rule('svg');
    svgRule.uses.clear();
    svgRule.delete('type');
    svgRule.delete('generator');
    svgRule
      .use('vue-loader')
      .loader('vue-loader')
      .end()
      .use("./vue-svg-loader")
      .loader("./vue-svg-loader");

Before

After uncommenting code

[m-mohr]

Ah, shoot. The SVG loading was a bit hacky from the beginning, but I also couldn't find another reliably way of doing it. Anyone has an idea?

[m-mohr]

This has been fixed, thanks for the report.