SCSS:如何在不复制代码的情况下使用外部框架变量/混合和@extend类?

时间:2019-02-15 14:29:02

标签: css sass scss-mixins

从SASS生成css文件时,什么是不导入外部库引用外部库(并复制代码)的最佳方法?

例如

我需要生成3个CSS文件: -framework.css(例如Bootstrap) -vendors.css(例如FontAwesome) -specific-module.css(我的网站代码)。

specific_module.scss中,我需要@extend .btn并使用框架中定义的@include media-breakpoint(),并使用fa_content($fa-var)函数和在vendors.scss中设置的变量

我知道我可以导入一个不输出自己代码的scss局部文件(例如_framework-mixins.scss),但是假设我被迫使用的外部库实际上可以很好地分离var,mixins和scss其余部分的功能(Bootstrap和FontAwesome只是示例)。 并且它不能解决扩展类的问题。

- 我目前使用的是Gulp + Uglifycss,但是如果解决方案特定于其他CSS压缩器,那么我很乐意进行切换。

0 个答案:

没有答案