官網(wǎng) http://gulpjs.com/

? ?下載

? ? ? ?0、基于node，下載

? ? ? ?1、下載命令行

? ? ? ?npm install gulp-cli -g

? ? ? ?2、準備兩個文件

? ? ? ? ? ?package.json

? ? ? ? ? ? ? ?npm init

? ? ? ? ? ? ? ?理論上name可以隨便，gulp和空不要寫

? ? ? ? ? ?gulpfile.js

? ? ? ? ? ? ? ?注：開頭是小寫

? ? ? ?3、下載一個本地的gulp

? ? ? ?npm install gulp --save-dev

? ? ? ? ? ?自動化工具：

? ? ? ? ? ? ? ?下載有三種方式：

? ? ? ? ? ? ? ? ? ?npm install gulp

? ? ? ? ? ? ? ? ? ?npm install gulp --save

? ? ? ? ? ? ? ? ? ? ? ?存到了package.json里面的dependencies

? ? ? ? ? ? ? ? ? ?npm install gulp --save-dev

? ? ? ? ? ? ? ? ? ? ? ?存到了package.json里面的devDependencies

? ? ? ? ? ? ? ? ? ? ? ?依賴項

? ?使用

? ? ? ?編寫任務(wù)

? ? ? ?1、引入模塊

? ? ? ?var gulp=require('gulp');

? ? ? ?var uglify=require('gulp-uglify');

? ? ? ?注：官網(wǎng)里面的模塊不是很全，去npm官網(wǎng)搜

? ? ? ? ? ?npm官網(wǎng)：https://www.npmjs.com/

? ? ? ?gulp.task('任務(wù)名',function(){

? ? ? ? ? ?//1、拿到這個文件

? ? ? ? ? ?//2、壓縮

? ? ? ? ? ?//3、放到某個地方

? ? ? ? ? ?gulp.src('js/a.js')//源文件

? ? ? ? ? ?.pipe(uglify())//執(zhí)行壓縮任務(wù)

? ? ? ? ? ?.pipe(gulp.dest('build/js')); //壓縮完放到什么地方

? ? ? ?});

? ? ? ?2、配置監(jiān)聽

? ? ? ? ? ?gulp自帶監(jiān)聽模塊，還需要配置

? ? ? ? ? ?gulp.watch('文件名',['任務(wù)名']);

? ? ? ?3、gulp.task('default',['任務(wù)名',....]);