从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压缩器,那么我很乐意进行切换。