Javascript 从标头、Vue JS中删除范围/内联样式

我已经拉入了组件，我想知道是否可以删除它添加到我的文档的

中的样式，并将它们移动到单个

css

文件中

这是在我的一个组件中导入的组件：

import Aplayer from 'vue-aplayer'

export default {
  components: {
    Aplayer
  }
}

这是它注入我的

的一个镜头：

---

正如你所看到的，这是一大堆未缓存的样式。如何使用

Webpack

或本机

Vue

功能获取远程包的作用域样式并将其输出到专有的

css

文件？

css是通过捆绑的Javascript添加的。Javascript被缓存。这还不够吗？javascript可能会被缓存，但是注入的样式永远不会被缓存。。。我更喜欢把它们放在一个单独的文件里，而不是头@JacobGohDid，你解决过这个问题吗？我的CSP阻止了head中的内联样式/脚本