compass-sass - 仅当存在时如何在 compass 中导入scss文件？

Question

我需要有一个特殊的 scss 文件，该文件对于项目的每个安装都不同，所以我不想将它包含在 git 存档中。但即使此文件不存在，一切都应该有效。

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

Answer 1

您需要使用“import-path”选项来执行此操作，您要导入的路径包含要导入的后备文件(在我们的示例中，我们需要一个空文件)。

选项 1: Vanilla Sass

文件结构

├── 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

请注意，回退目录不必在您的 sass 目录中，它可以在您喜欢的文件系统上的任何位置。

另见: How does SCSS locate partials?

选项 2: compass 扩展

如果您在多个项目中使用此技术，您可能会发现创建 Compass 扩展会更方便一些。它会自动为您设置加载路径。您可以在此处了解有关创建扩展的更多信息: http://compass-style.org/help/tutorials/extensions/