前言 好吧,我承认我是为了搞定Sass编译CSS文件的问题,迷一样的着手入gulp的坑,sass和gulp的爬坑历程大概会一起更新。然后感觉这里windows和mac的流程差不多,不过mac的通常在指令前加sudo ,本喵是windows的本本,所以就以windows的流程为例了。 1. ...
继续gulp的爬坑路,在准备get更多gulp的具体操作之前,先来明确一下在gulp中创建和使用多个task任务的情况。 gulp所要做的操作都写在gulp.task 中,系统有一个默认的default任务,如下: vargulp require gulp gulp自身 gulp.task default , task , task ,function 将你的默认的任务代码放在这 console. ...
2016-12-15 17:01 0 2425 推荐指数:
前言 好吧,我承认我是为了搞定Sass编译CSS文件的问题,迷一样的着手入gulp的坑,sass和gulp的爬坑历程大概会一起更新。然后感觉这里windows和mac的流程差不多,不过mac的通常在指令前加sudo ,本喵是windows的本本,所以就以windows的流程为例了。 1. ...
在上一篇里成功安装了gulp到项目中,现在来测试一下gulp的合并与压缩功能 gulp入坑系列(1)——安装gulp(传送门):http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的项目中写入,在根目录新建js文件夹,并在文件夹中新 ...
Browserify是一个Javascript的绑定工具,帮助我们理顺module之间的依赖关系。Gulp用来优化workflow。两者的共同点都是使用流,但在使用流方面也有不同之处: Browserify只要接受文件内容即可 Gulp不但接受文件内容,还需要接受源文件信息 ...
前面说过,当css,img,js出现删除操作的时候,虽然watch会监听,但是并不会删除相应文件。 现在实现clean任务,执行任务前先删除一次build目录。 先配置JS任务,设置删除目录。 在系列(四)代码的基础上,再进行扩展。 1.安装gulp ...
gulp初涉 1、什么是gulp? gulp是前端开发过程中一种基于流的代码构建工具,是自动化项目的构建利器;它不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成;使用它,不仅可以很愉快的编写代码,而且大大提高我们的工作效率。 gulp ...
系列目录 前端构建大法 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)的配置 ...