1.gulp介紹

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

  • 壓縮html、css和js

  • 編譯less或sass等

  • 壓縮圖片

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

  • 其他

2.gulp構建

前端構建流程:

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

一段簡單的基于gulp的項目構建代碼,gulpfile.js內容如下所示:

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

網友評論