gulp-package-list
列舉一些常用的 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 -- 移動指定文件
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 -- 移動復(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ù)，自動刷新
gulp-rev-collector -- 給資源文件加時(shí)間戳(配合 gulp-rev 使用)
gulp-uncss -- 清理多余無用css
gulp-changed -- 只編譯改動過的文件
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
