2016-03-17 15 views
1

我想要找出一種方法,使用gulp來創建一個基於我的SCSS partials或我編譯的CSS的新CSS表單。新表格只會包含某些標記的特定規則。使用gulp創建一個選擇性樣式表

我對這可能如何工作有兩個想法,但我似乎不能想出一種方法來實現這一點,所以我正在尋找一些建議。

選項1)在SCSS部分中使用一些註釋標誌來指示應包含哪些規則。這些樣式將包含在完整的CSS表格和選擇的樣式中。 - 或 - 選項2)有一個配置文件,基本上是一個選擇器的數組,並且在編譯的CSS中找到這些選擇器的每個實例,並用這些規則創建一個新的CSS表。

希望這是有道理的,也不是一個重複的問題,我試圖尋找這個,但不知道如何提出請求。

感謝您的幫助!

+0

這似乎不是一件容易的事情!你爲什麼要這麼做? – tzi

+0

那就是我找到的。對於CMS來說,編輯器使用單獨的樣式表,但不需要所有的樣式 – Chad

回答

0

只需創建具有不同SCSS文件的不同文件夾,然後將其捆綁到不同的CSS文件中。因此,例如建立文件夾結構是這樣的:

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

在一口然後就包括文件夾rule1_scss使CSS文件與規則1和相同的規則2使用的時候。解決方案有很多不必要的文件,但它是一個簡單的解決方案