SASS/指南针：参考而不是包含

Question

我目前正在使用 Compass（Bootstrap Fork）开发一个大型商业网站。我们正在使用许多不同的 scss 文件，所有这些文件都包括 base.scss，我们的变量和 mixin 都存放在其中。现在，我们想从我们的 scss 文件中编译一些可选的 css 文件，它们在编译时从 base.scss 文件中接收变量，但不会产生包含在完成和编译中的 base 中定义的所有其他规则的开销css 文件。 所以基本上，我正在寻找一种方法来引用基本文件而不是包含它。我只想将 $companyColor (etc...) 替换为基础文件中相应变量的值。

请注意，我不能在我的基本文件中包含@imported 的那些丢失文件，因为这些文件会覆盖一些基本规则，并且仅加载到网站的某些页面上以提供备用主题。

这可能吗？

提前致谢！

Answer 1

不确定我是否完全理解你的问题。

但如果您希望 base.scss 中的一些变量包含在其他 scss 文件中，您可以将您的 base.scss 拆分为两个文件：

• shared-vars.scss 包含将包含在 可选的 scss 文件
• base.scss 包含所有其他变量和 mixins，和导入 shared-vars.scss

现在您可以在主 scss 文件中导入 base.scss，并且只在可选 scss 文件中导入 shared-vars.scss