1.gulp介绍

基于流的前端自动化构建工具，利用gulp可以提高前端开发效率，特别是在前后端分离的项目中。使用gulp能完成以下任务：

  • 压缩html、css和js

  • 编译less或sass等

  • 压缩图片

  • 启动本地静态服务器

  • 其他

2.gulp构建

前端构建流程：

开发->分析->测试->编译->发布部署

一段简单的基于gulp的项目构建代码，gulpfile.js内容如下所示:

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

上面gulp配置完成的内容是：

1.将目录下所有的以.js结尾的文件

2.执行

网友评论