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
-- 移動(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