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
我目前正在使用 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