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í)行

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負(fù)責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式