簡(jiǎn)介
一個(gè)前端自動(dòng)化的構(gòu)建工具树肃,一個(gè)streaming構(gòu)建工具,一個(gè)nodejs寫的構(gòu)建工具
好處:
1慢味、js和css屬于靜態(tài)文件纷妆,很多時(shí)候?yàn)g覽器存在緩存機(jī)制盔几,為了避免緩存帶來(lái)的誤會(huì)晴弃,可以利用構(gòu)建工具掩幢,給每一個(gè)靜態(tài)文件添加一個(gè)版本號(hào),這樣瀏覽器就會(huì)認(rèn)為是新的文件上鞠,就不存在緩存機(jī)制际邻。
2、性能優(yōu)化:文件合并芍阎,減少http請(qǐng)求世曾;文件壓縮,減少文件體積谴咸,加快下載速度轮听;
3、效率提升:自動(dòng)添加CSS3的前綴岭佳;代碼分析檢查改正
配置
第一步:安裝nodejs(此處省略血巍,不會(huì)的google)
第二步:全局安裝gulp
npm i gulp -g
第三步:創(chuàng)建項(xiàng)目文件夾,并初始化珊随,再安裝項(xiàng)目依賴
mkdir gulp-learning
cd gulp-learning
npm init
npm i gulp --save-dev
第四步:創(chuàng)建gulp的配置文件gulpfile.js
touch gulpfile.js
第五步:開(kāi)始你的gulp之旅吧述寡,創(chuàng)建第一個(gè)task
gulpfile.js
var gulp = require('gulp');
gulp.task('default', function(){
console.log('This is my first gulp task')
})
第六步:終端中運(yùn)行g(shù)ulp命令
gulp / gulp default (default為默認(rèn)柿隙,可省略)