合并两个Sass文件

Question

我想要在运行时将两个Sass文件合并在一起，例如：

如果我有：

.some-class
  color: white

并且

.some-class
  background-color: red

那么最终结果将是什么。

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

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

- Louis Sayers

Answer 1

假设你有2个文件：

a.scss

div{
    font-size: 42px;
}

"and" 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

- JAre

---

在哪里运行？在终端里吗？ - Eduard

Answer 2

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

command: node-sass src/css -o dest

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

- booker