在前端構(gòu)建過(guò)程中，使用了 gulp 工具塘秦。本文會(huì)列舉一些常用的 packages，幫助我們管理前端資源动看，進(jìn)行持續(xù)構(gòu)建尊剔，自動(dòng)部署。
引子
-
node
Node.js? is a JavaScript runtime built on Chrome's V8 JavaScript engine. -
npm
npm 是 Node.js' package ecosystem菱皆，the package manager for javascript. - gulp：gulp doc in GitHub须误，gulp API docs
yargs
- npm i yargs --save-dev
- var argv = require('yargs').default('site', 'www').string(['ver']).argv;
當(dāng) --ver=1.0 時(shí)，如果不指定 string()仇轻，則會(huì)將 ver 解釋為 1京痢；通過(guò) ver 分版本部署； - Tell users how to use yer options and make demands.
var argv = require('yargs')
.usage('Usage: $0 -w [num] -h [num]')
.demand(['w','h'])
.argv;
gulp-connect
npm install --save-dev gulp-connect
gulp-file-include
gulp-file-include：a gulp plugin for file include拯田；
npm install --save-dev gulp-file-include
gulp-uglify
gulp-uglify: Minify files with UglifyJS历造；
npm install --save-dev gulp-uglify
指定 mangle 參數(shù)：Pass false to skip mangling names：uglify({mangle:false})，在發(fā)生問(wèn)題時(shí)船庇，可以幫助定位吭产。
gulp-clean-css
gulp plugin to minify CSS, using clean-css. 替代原來(lái)的 gulp-minify-css，用法一致鸭轮。
npm install gulp-clean-css --save-dev
css Compatibility settings（兼容 IE 版本問(wèn)題）
設(shè)置 {compatibility: 'ie7'} 選項(xiàng)好像有問(wèn)題臣淤，建議不要使用；
gulp.spritesmith
- 將小圖片合并為一張圖片窃爷；
- CSS Sprite Management with Gulp邑蒋；
- 相似：sprity
圖片壓縮
- gulp-imagemin姓蜂；
- 無(wú)損壓縮；
