合并两个Sass文件

Question

我想要将两个sass文件合并在一起，例如：

如果我有

.some-class
  color: white

和

.some-class
  background-color: red

然后最终结果将是

.some-class
  color: white
  background-color: red

有没有人知道可以做这种事情的工具/库？

Answer 1

假设您有2个文件：

<强> a.scss

div{
    font-size: 42px;
}

和

<强> b.scss

@import "a.scss";
div{
    color: red;
}

首先你应该运行sass b.scss e.css它将输出：

<强> e.css

div {
  font-size: 42px; }

div {
  color: red; }

然后sass-convert e.css e.sass，你会得到：

<强> e.sass

div
  font-size: 42px
  color: red

Answer 2

您可以使用 node-sass ：https://www.npmjs.com/package/node-sass
示例：

command: node-sass src/css -o dest

将所有文件合并到目标文件中。