less、gulp

1、cd 目錄
2、npm init 創(chuàng)建package json
3、npm install -g less 安裝less
4、lessc styles.less > styles.css 編譯
gulp
1、$ npm install --global gulp 全局安裝
2、$ npm install --save-dev gulp 依賴注入安裝
3、gulpfile.js 項(xiàng)目根目錄下創(chuàng)建
4、$ gulp 運(yùn)行
5、配置默認(rèn)任務(wù) task (require)

小知識(shí):
sourcemap 瀏覽器源碼調(diào)試
plumber notify 錯(cuò)誤提示
concat 內(nèi)容合并
minifycss 壓縮css
gulp-sourcemaps 地圖文件

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 眾所周知目前比較火的工具就是gulp和webpack,但webpack和gulp卻有所不同,本人兩者的底層研...
    cduyzh閱讀 1,446評(píng)論 0 13
  • 在現(xiàn)在的前端開發(fā)中,前后端分離、模塊化開發(fā)、版本控制、文件合并與壓縮、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,659評(píng)論 1 32
  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比,gulpjs無(wú)需寫一大堆繁雜的配置參數(shù),API也非常簡(jiǎn)單,學(xué)...
    依依玖玥閱讀 3,304評(píng)論 7 55
  • 什么是GULP? GULP 是前端開發(fā)過(guò)程中對(duì)代碼進(jìn)行構(gòu)建的工具,是自動(dòng)化項(xiàng)目的構(gòu)建利器;她不僅能 對(duì)...
    碧玉含香閱讀 709評(píng)論 0 0
  • 1、gulp的安裝 首先確保你已經(jīng)正確安裝了nodejs環(huán)境。然后以全局方式安裝gulp: npm install...
    F_imok閱讀 2,491評(píng)論 1 11

友情鏈接更多精彩內(nèi)容