小编kaf*_*fex的帖子

例如，如果我的组件中有这样的内容：

<style lang="scss" scoped>
.color-blue {
  color: blue;
}

.orange-blue {
  @extend .color-blue; // This works!
  @extend .bg-orange; // .bg-orange is defined in another css file somewhere. This doens't work
}
</style>

我收到一条错误消息

“.orange-blue”无法@extend“.bg-orange”。

找不到选择器“.bg-orange”。

我读过我可以添加

@import 'path/to/orange.css'

到我的风格块，但这似乎并不能解决问题。另外，这不会导致每个导入它的组件都重复 CSS 吗？