Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

The library is replacing more stuff than it should

See original GitHub issue

Overall I like the library, but there is one big bug that makes it unusable. It is replacing stuff that it shouldn’t. For example, I have a flags library that will display country flags when I add the proper CSS classes to an element. But svg-to-vue-component is, somehow, replacing the background-image of that other library, and the result is:

vue_app

Issue Analytics

State:
Created 5 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

egoistcommented, Jan 24, 2019

// Use default rule for svg in css files
config.module.rule('svg')
  .issuer(file => file.endsWith('.css')

// Use our loader to handle svg imported by other files
config.module
  .rule('svg-component')
  .test(/\.svg$/)
  .issuer(file => !file.endsWith('.css'))
  .use('vue')
  .loader('vue-loader')
  .end()
  .use('svg-to-vue-component')
  .loader('svg-to-vue-component/loader')

This might work, can you give it a shot?

0reactions

shmartscommented, Jun 19, 2019

Having the same issue, but instead of using the svgs in a .css file, I’m using them in the style tag of .vue files. Any work around that’ll let me keep them in there?