1.gulp介紹

基于流的前端自動化構(gòu)建工具，利用gulp可以提高前端開發(fā)效率，特別是在前后端分離的項目中。使用gulp能完成以下任務(wù)：

  • 壓縮html、css和js

  • 編譯less或sass等

  • 壓縮圖片

  • 啟動本地靜態(tài)服務(wù)器

  • 其他

2.gulp構(gòu)建

前端構(gòu)建流程：

開發(fā)->分析->測試->編譯->發(fā)布部署

一段簡單的基于gulp的項目構(gòu)建代碼，gulpfile.js內(nèi)容如下所示:

gulp.task('default',function(){    
return gulp
        .src("**/*.js")
        .pipe(jshint())
        .pipe(concat())
        .pipe(uglify())
        .pipe(gulp.dest('./build/'))        
})

上面gulp配置完成的內(nèi)容是：

1.將目錄下所有的以.js結(jié)尾的文件

2.執(zhí)行

網(wǎng)友評論