使用gulp创建一个选择性样式表

时间:2016-03-17 20:56:17

标签: javascript css sass gulp

我试图找出一种方法,使用gulp基于我的SCSS部分或我编译的CSS创建一个新的CSS表。新表只包含以某种方式标记的特定规则。

我有两个关于如何运作的想法,但我似乎无法想出一种方法来实现这一点,所以我正在寻找一些建议。

选项1)在SCSS部分中使用一些注释标志,指示应包含哪些规则。这些样式将包含在完整的CSS工作表和选择性工作表中。 -要么- 选项2)有一个配置文件,它基本上是一个选择器数组,并且gulp在编译的CSS中查找这些选择器的每个实例,并使用这些规则创建一个新的CSS表。

希望这是有道理的,也不是重复的问题,我试图搜索这个,但不确定如何说出请求。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

只需使用不同的SCSS文件创建不同的文件夹,然后将其捆绑到不同的CSS文件中。例如,制作一个像这样的文件夹结构:

rule1_scss -> folder with scss files for first rule 
rule2_scss -> folder with scss files for second rule...

在gulp中,然后在制作用于rule1的CSS文件时使用文件夹rule1_scss,对rule2使用相同的文件。解决方案有很多不必要的文件,但它是一个简单的解决方案