SASS/Compass:引用而不是包含

SASS/Compass: Reference Instead of Include

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

请注意,我不能将那些丢失的文件 @imported 到我的基本文件中,因为这些文件会覆盖一些基本规则并且只加载到网站提供替代主题。

这可能吗?

提前致谢!

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

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

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

现在您可以在主 scss 文件中导入 base.scss,而在可选的 scss 文件中仅导入 shared-vars.scss