Question

说明

我的Vue 2项目正在使用引导程序和一个附加的UI套件。由于UI套件中变量的抽象程度较高，因此很难编辑组件的CSS。

正在寻找

我想提取每个单独组件使用的css，并将其转储到其自己的文件中。

这将允许我创建样式化的组件，但完全摆脱了引导程序和UI套件。

我尝试过的事情

我已经在NPM中搜索了一个可以执行此操作的程序包，但是什么也没找到。

我乐于接受任何方法来完成此任务。

Answer 1

有一种方法，有点草率：在浏览器中打开您的Vue页面

点击检查元素

选择特定组件，您将在其上获得CSS。

Answer 2

据我了解的问题，您希望组件css样式应用在顶部（即优先），对吧？

 So, try it like 

<style scoped>

or else if by inspect element you find something like this :  [data-v-f3f3eg9] 

then try like /deep/ or ::v-deep before the class selector with the sample example:

 /deep/ .child-class {
    background-color: #000;
  }

如何提取Vue项目的每个组件使用的CSS

2 个答案: