[基礎(chǔ)] 列舉常用的gulp插件

gulp-package-list

入門指南

快速入門(官方)

注意事項(xiàng)

列舉一些常用的 gulp package

具體介紹可以進(jìn)到官方頁面npm進(jìn)行搜索

基礎(chǔ)

gulp-if -- 邏輯判斷

gulp-imagemin -- 壓縮常見的圖片格式

gulp-uglify -- 壓縮 javasricpt

gulp-csscomb cssnano -- 壓縮 css

gulp-concat -- 合并文件

gulp-autoprefixer -- 給 CSS 增加前綴

gulp-rename -- 修改文件名稱

run-sequence -- 同步運(yùn)行任務(wù)插件

del gulp-clean -- 刪除文件/文件夾

gulp-jshint -- javasricpt 代碼檢查

gulp-sourcemaps -- 處理 JavaScript less 時(shí)生成 SourceMap

gulp-sass -- 編譯sass文件

gulp-less -- 編譯less文件

gulp-stylus -- 編譯stylus文件

gulp-coffee -- 編譯CoffeeScript文件

gulp-typescript -- 編譯TypeScript文件

gulp-babel -- 編譯ES6

進(jìn)階

gulp-flatten -- 移動(dòng)指定文件

gulp-markdown gulp-html2md -- 把 Markdown => HTML

gulp-plumber -- 錯(cuò)誤監(jiān)聽 可以阻止 gulp 插件發(fā)生錯(cuò)誤導(dǎo)致進(jìn)程退出并輸出錯(cuò)誤日志

gulp-notify -- 在控制臺中加入文字描述,展示錯(cuò)誤信息

gulp-util -- 最基礎(chǔ)的工具固该,打日志

gulp-clean && gulp-copy -- 移動(dòng)復(fù)制文件

gulp-rev -- 文件版本 name.js => name.24332.js

gulp-imagemin && gulp-tinypng -- 圖片壓縮.

imagemin-pngquant -- 壓縮png圖片的插件.

gulp.spritesmith -- 合成sprite圖片插件.

gulp-base64 -- 圖片轉(zhuǎn)換成Base64編碼.

browserify -- 合并打包

browser-sync -- 起服務(wù),自動(dòng)刷新

gulp-rev-collector -- 給資源文件加時(shí)間戳(配合 gulp-rev 使用)

gulp-uncss -- 清理多余無用css

gulp-changed -- 只編譯改動(dòng)過的文件

gulp-postcss -- css 后處理器

cssgrace -- 生成兼容舊瀏覽器的各種 Hack(配合 gulp-postcss 使用)

gulp-replace -- 替換文件內(nèi)容

gulp-useref -- js和css 資源進(jìn)行合并輸出(即html中js和css引入合并)

參考文獻(xiàn)

gulp 中文網(wǎng)
gulp 資料
gulp 簡體中文文檔
gulp 常用插件
gulp awesome
gulp awesome cn

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市嘉竟,隨后出現(xiàn)的幾起案子二蓝,更是在濱河造成了極大的恐慌覆旭,老刑警劉巖蓬网,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件螟碎,死亡現(xiàn)場離奇詭異诞丽,居然都是意外死亡鲸拥,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進(jìn)店門僧免,熙熙樓的掌柜王于貴愁眉苦臉地迎上來刑赶,“玉大人,你說我怎么就攤上這事懂衩∽策叮” “怎么了?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵浊洞,是天一觀的道長牵敷。 經(jīng)常有香客問我,道長法希,這世上最難降的妖魔是什么枷餐? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮苫亦,結(jié)果婚禮上毛肋,老公的妹妹穿的比我還像新娘。我一直安慰自己屋剑,他們只是感情好润匙,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著唉匾,像睡著了一般孕讳。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上巍膘,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天卫病,我揣著相機(jī)與錄音,去河邊找鬼典徘。 笑死蟀苛,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的逮诲。 我是一名探鬼主播帜平,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼幽告,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了裆甩?” 一聲冷哼從身側(cè)響起冗锁,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎嗤栓,沒想到半個(gè)月后冻河,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡茉帅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年叨叙,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片堪澎。...
    茶點(diǎn)故事閱讀 39,739評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡擂错,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出樱蛤,到底是詐尸還是另有隱情钮呀,我是刑警寧澤,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布昨凡,位于F島的核電站爽醋,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏便脊。R本人自食惡果不足惜蚂四,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望就轧。 院中可真熱鬧证杭,春花似錦、人聲如沸妒御。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽乎莉。三九已至送讲,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間惋啃,已是汗流浹背哼鬓。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留边灭,地道東北人异希。 一個(gè)月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓,卻偏偏與公主長得像绒瘦,于是被迫代替她去往敵國和親称簿。 傳聞我的和親對象是個(gè)殘疾皇子扣癣,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,647評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 在現(xiàn)在的前端開發(fā)中,前后端分離憨降、模塊化開發(fā)父虑、版本控制、文件合并與壓縮授药、mock數(shù)據(jù)等等一些原本后端的思想開始...
    Charlot閱讀 5,439評論 1 32
  • gulpjs是一個(gè)前端構(gòu)建工具士嚎,與gruntjs相比,gulpjs無需寫一大堆繁雜的配置參數(shù)悔叽,API也非常簡單莱衩,學(xué)...
    井皮皮閱讀 1,296評論 0 10
  • 1、gulp的安裝 首先確保你已經(jīng)正確安裝了nodejs環(huán)境骄蝇。然后以全局方式安裝gulp: npm install...
    F_imok閱讀 2,375評論 1 11
  • awesome-gulp中文版 一份gulp的資源,插件和使用實(shí)例清單是掰, 致力于打造更好的前端工程構(gòu)建流程虑鼎。 被老...
    Pines_Cheng閱讀 5,524評論 10 117
  • gulpjs是一個(gè)前端構(gòu)建工具,與gruntjs相比键痛,gulpjs無需寫一大堆繁雜的配置參數(shù)炫彩,API也非常簡單,學(xué)...
    build1024閱讀 528評論 0 0