你是如何去組織項目中的Less/Sass代碼的?
04-04
很多時間,大家更為體貼的如安在項目中利用Sass。著實這是一個很大略的題目,只是從未動手過而以。這裡說說是怎麼將Sass和項目連合在一起。
在平常做項目標時間,項目中都市包括幾個常用的文件目次:
而Sass用到項目中並和上面無太多的差別,只必要在項目中創建一個sass目次,好安排.scss大概.sass文件。前面也說過了,終極在Web調用的文件是編譯出來的.css文件。在沒有肯定經歷的時間,可以將全部的.scss文件放在sass目次中。你也可以將其細分出來,由於很多代碼不但用於一個項目,可以用到其他項目當中,我通常是如許構造我的.scss文件:
項目構造布局:
sass目次布局:
style.scss文件引用:
這是一個大略的項目,著實喜好Sass的同硯,可以看看其他項目標是怎樣構造相干文件,比如說Foundation、Bootstrap和Compass等。
推薦閱讀:
※前端知識 | CSS小技巧-自適應橢圓
※Koa源碼分析
※Vant 1.0 發布:輕量、可靠的移動端 Vue 組件庫
※React填坑記(三):國際化方案
※前端日刊-2018.01.18
TAG:前端開發 |