安裝
npm install gulp
gulp with ES6
npm install babel-core
mv gulpfile.js gulpfile.babel.js
.js can be writen by ES6
gulp with project
core
-
gulp核心文件 -
babel-corejs => ES6 -
gulp-load-plugins加載package.json中的依賴文件
js css html
-
gulp-uglifyANDgulp-minify-css gulp-cssshrinkANDgulp-minify-html壓縮js css html -
jshintjs語(yǔ)言錯(cuò)誤檢測(cè) -
sprity sproty-sasscss雪碧圖生成 -
auto-prefixercss自動(dòng)生成瀏覽器兼容性前綴 -
gulp-sassANDgulp-lesssass less => css -
gulp-sourcemaps生成map文件
file
-
gulp-rename重命名 -
gulp-clean刪除文件 -
gulp-imagemin imagemin-pngquant圖片壓縮 -
gulp-tinypng調(diào)用tinppngAPI壓縮圖片 -
vinyl-source-stream引入nodejs文件并轉(zhuǎn)換成vinyl數(shù)據(jù)流 -
gulp-concat合并文件
project
-
browser-sync瀏覽器同步刷新 -
gulp-rev gulp-rev-collector gulp-static-hash版本控制 -
gulp-zip代碼文件打包上傳 -
opn使用瀏覽器打開 -
gulp-sftp上傳到ftp服務(wù)器 -
gulp-qn七牛云存儲(chǔ) -
gulp-webpackwebpack打包 -
gulp-notify消息提醒 -
gulp-plumber忽略錯(cuò)誤繼續(xù)執(zhí)行
others
-
gulp-if邏輯if -
run-sequence順序執(zhí)行任務(wù) -
yargs解析終端命令參數(shù)if(yargs.(w|p|s)){} -
-pport, -
-wwatch, -
-s啟動(dòng)服務(wù)器 gulp -s -p 3000 -w
