css - 我可以使用@import 获取我想要的，然后丢弃其余的吗？

Question

假设我正在使用 SASS，并且我想从一些现有的样式表中大量借用，无论是另一个 SASS 样式表还是 CSS 样式表。我可以@import使用另一张纸，然后使用@extend它的一些规则。是否有一个选项可以从生成的 CSS中排除我没有使用的所有其他内容？

score 1 · Accepted Answer

没有办法导入另一个 sass 文件，这样@extends就可以在不渲染内容的情况下使用它。如果不是这样渲染，创建和导入部分完整%placeholders以使用而不渲染内容将是一个不错的选择：@extend

_import.scss

%button {
    color: #fff;
    width: 72px;
    height: 24px;
}

主文件

@import "import";

.button-blue {
@extend %button;
background-color: blue;
}

main.css

.button-blue {
  color: #
  width: 72px;
  height: 24px; }

.button-blue {
  border: 1px solid #fff; }

所以我认为实现你的目标的最好方法是用你的风格导入一个带有一些 mixin 的部分，我已经使用 sass 半年了，到目前为止我还没有需要导入@extends所以请告诉我你想做什么@extend，我会尽力帮助你得到它@mixin

score 1 · Accepted Answer

@import 获取整个样式表/部分并将其放入您的样式表中，除了将它们全部覆盖为默认值之外，没有办法排除任何规则。如果你有一个原始的 SASS 文件，你可以将它们全部抽象成部分，然后 @import 你需要的东西到你的新文件中。

2 回答 2