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 Problem .如果是，请解释原始问题，而不是您的解决方案。如果不是，请不要拆分 CSS 文件。