我可以使用@import来取我想要的东西，然后丢弃剩下的吗？

Question

说我正在使用SASS，我想从一些现有的样式表中大量借用，无论是另一个SASS样式表还是CSS样式表。我可以@import其他工作表，然后使用@extend来使用其中的一些规则。是否可以选择从生成的CSS中排除我没有使用的所有其他内容？

Answer 1

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

Answer 2

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

_import.scss

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

main.scss

@import "import";

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

的main.css

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

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

所以我认为实现你的目标的最好方法是导入一个部分混合你的风格，我已经使用sass半年，到目前为止我没有必要导入{{1但请那么请告诉我你想要用@extends做什么，我会尽力帮你用@extend

来帮助你