如何在指南针中导入scss文件？

Question

我需要为项目的每个安装都有不同的特殊scss文件,所以我不想将它包含在git archive中.但即使这个文件不存在,一切都应该有效.

有没有办法@import scss文件只有它存在,忽略文件未找到错误？

Answer 1

您需要使用"import-path"选项来执行此操作,其中您导入的路径包含要导入的回退文件(在我们的示例中,我们需要一个空文件).

选项1:香草萨斯

文件结构

??? fallback
    ??? _example.scss // <-- our blank file
??? _example.scss // <-- the file for the user to customize (optional)
??? style.scss

在style.scss中:

@import "example";
/* the rest of our styles */

当你运行sass命令时,你会这样写:

sass --watch ./css:./sass --load-path ./sass/fallback

请注意,fallback目录不必位于sass目录中,它位于您喜欢的文件系统的任何位置.

另请参见:SCSS如何定位部分？

选项2:指南针扩展

如果您在多个项目中使用此技术,您可能会发现创建Compass扩展更方便.它会自动为您设置加载路径.您可以在此处详细了解如何创建扩展程序:http://compass-style.org/help/tutorials/extensions/