4

I've pulled in this Vue music player component, and I would like to know if its possible to remove the styles it adds to the <head/> of my doc and move them to a singular css file.

Here is the importation of the component in one of my components:

import Aplayer from 'vue-aplayer'

export default {
  components: {
    Aplayer
  }
}

Here's a shot of what it injects into my <head/> :

enter image description here

As you can see, thats a ton of un-cached styling. How do I take the scoped styles of a remote package and output them to a proprietary css file using Webpack or native Vue capabilities?

Robert Tillman
  • 993
  • 2
  • 10
  • 20
  • The CSS is added by the bundled Javascript. The Javascript is cached. Aint it enough? – Jacob Goh May 30 '18 at 03:28
  • the javascript maybe cached however the injected styles are never cached... and I'd just prefer to have them in a separate file rather than the head @JacobGoh – Robert Tillman May 30 '18 at 03:32
  • Did you ever get this resolved? I'm having an issue where the inline styles/scripts in head are being blocked by my CSP – lorenzo Jul 31 '19 at 18:10

0 Answers0