css - scss 输出单独的文件

Question

我想把它写在一个文件中：

body {

background: #FFF;

    @media only screen and (max-width: 1024px) {
         background: #DDD;
    }

    @media only screen and (max-width: 800px) {
        background: #CCC;
    }

}

并想输出成两个单独的文件，首先是layout.css

body { background: #FFF; }

和第二个 media-queries.css

@media only screen and (max-width: 1024px) {
    background: #DDD;
}

@media only screen and (max-width: 800px) {
    background: #CCC;
}

我必须做什么？

谢谢

Answer 1

SASS 提供了方便的工具来将多个源文件合并为一个或多个结果文件，但它不提供任何拆分它们的工具。

此外，正如 cimmanon 已经提到的，您的目标没有任何意义。这可能是一个XY 问题。如果是，请解释原始问题，而不是您的解决方案。如果不是，请不要拆分 CSS 文件。