安裝:npm install gulp -g
進(jìn)入到本地項(xiàng)目目錄也需要安裝--save-dev
常見目錄結(jié)構(gòu):
配置:
在文件根目錄下新建gulpfile.js瞬浓。
引入gulp和常用組件;
定義gulp任務(wù):
①定義gulp任務(wù)名稱
②寫入資源入口.src()
③執(zhí)行g(shù)ulp方法;.pipe(less());
④輸出文件.pipe(gulp.dest())
執(zhí)行g(shù)ulp 任務(wù);
gulp 任務(wù)名稱
監(jiān)聽任務(wù):
在命令行中執(zhí)行命令gulp 任務(wù)名稱(始終開著刃泌,需要結(jié)束時(shí)結(jié)束)
less常用語法:
變量:
對(duì)于網(wǎng)站統(tǒng)一的顏色妹懒,字號(hào)创泄,行高等樣式可設(shè)置一個(gè)變量。
變量用@開頭彤钟。
混合:
將一些樣式封裝到一個(gè)class中,在需要這些樣式的地方怜跑,調(diào)用样勃。
帶參數(shù)的混合:
樣式值通過函數(shù)參數(shù)傳入(less中的變量需要@標(biāo)記)
嵌套:(最為常用)
串聯(lián)選擇器吠勘,通過&連接