gulp初涉 1、什么是gulp? gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp ...
前面说过,当css,img,js出现删除操作的时候,虽然watch会监听,但是并不会删除相应文件。 现在实现clean任务,执行任务前先删除一次build目录。 先配置JS任务,设置删除目录。 在系列 四 代码的基础上,再进行扩展。 .安装gulp clean: .找到gulp gt config.js,配置clean: .gulp gt tasks里新建clean任务: .同时在default任 ...
2015-06-18 16:28 2 16242 推荐指数:
gulp初涉 1、什么是gulp? gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp ...
前言 好吧,我承认我是为了搞定Sass编译CSS文件的问题,迷一样的着手入gulp的坑,sass和gulp的爬坑历程大概会一起更新。然后感觉这里windows和mac的流程差不多,不过mac的通常在指令前加sudo ,本喵是windows的本本,所以就以windows的流程为例了。 1. ...
系列目录 前端构建大法 Gulp 系列 (一):为什么需要前端构建 前端构建大法 Gulp 系列 (二):为什么选择gulp 前端构建大法 Gulp 系列 (三):gulp的4个API 让你成为gulp专家 前端构建大法 Gulp 系列 (四):gulp实战 ...
前端构建大法 Gulp 系列 (一):为什么需要前端构建 前端构建大法 Gulp 系列 (二):为什么选择gulp 前端构建大法 Gulp 系列 (三):gulp的4个API 让你成为gulp专家 前端构建大法 Gulp 系列 (四):gulp实战 前面讲了 ...
本节实现图片压缩,在实现压缩前,先配置images任务,设置源目录和输出目录。 在系列(二)代码的基础上,再进行扩展。 1.找到gulp->config.js,对images进行源目录(src->img)和输出目录(build->img)的配置 ...
上一节,以less为例,入门了gulp,并为任务结构做了抽离。 前端们,gulp该用起来了,简单的demo入门——gulp系列(一) 本节学习下gulp-notify,官方这样解释的: gulp-notify : gulp plugin to send messages ...
本节实现JS压缩,在实现压缩前,先配置JS任务,设置源目录和输出目录。 在系列(三)代码的基础上,再进行扩展。 1.找到gulp->config.js,对JS进行源目录(src->img)和输出目录(build->img)的配置: 2.gulp ...
gulp是最近火起来的前端构建工具,大有赶超grunt之势,它和grunt这种构建工具比较像。 grunt是写一个Gruntfile.js来写配置代码,gulp则是写一个gulpfile.js来写配置代码。然后通过命令grunt或者gulp来构建项目, 前端现在三足鼎立的构建工具(不算比较 ...