標籤:

你是如何去組織項目中的Less/Sass代碼的?

很多時間,大家更為體貼的如安在項目中利用Sass。著實這是一個很大略的題目,只是從未動手過而以。這裡說說是怎麼將Sass和項目連合在一起。

你是如何去組織項目中的Less/Sass代碼的

在平常做項目標時間,項目中都市包括幾個常用的文件目次:

而Sass用到項目中並和上面無太多的差別,只必要在項目中創建一個sass目次,好安排.scss大概.sass文件。前面也說過了,終極在Web調用的文件是編譯出來的.css文件。在沒有肯定經歷的時間,可以將全部的.scss文件放在sass目次中。你也可以將其細分出來,由於很多代碼不但用於一個項目,可以用到其他項目當中,我通常是如許構造我的.scss文件:

項目構造布局:

你是如何去組織項目中的Less/Sass代碼的

sass目次布局:

你是如何去組織項目中的Less/Sass代碼的

style.scss文件引用:

這是一個大略的項目,著實喜好Sass的同硯,可以看看其他項目標是怎樣構造相干文件,比如說Foundation、Bootstrap和Compass等。



推薦閱讀:

前端知識 | CSS小技巧-自適應橢圓
Koa源碼分析
Vant 1.0 發布:輕量、可靠的移動端 Vue 組件庫
React填坑記(三):國際化方案
前端日刊-2018.01.18

TAG:前端開發 |