scss 输出单独的文件答案

【问题标题】：scss output separate filesscss 输出单独的文件
【发布时间】：2013-06-29 15:48:27
【问题描述】：

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

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;
}

我必须做什么？

谢谢

【问题讨论】：

将所有媒体查询分解成一个文件的目的是什么？

标签： css sass media-queries output

【解决方案1】：

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

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

【讨论】：