
gulp
YuuyaRin
努力前行中的前端爱好者
展开
-
gulp入坑系列(3)——创建多个gulp.task
继续gulp的爬坑路,在准备get更多gulp的具体操作之前,先来明确一下在gulp中创建和使用多个task任务的情况。 gulp所要做的操作都写在gulp.task()中,系统有一个默认的default任务,如下: var gulp = require('gulp');//gulp自身 gulp.task('default',['task1','task2'], functi原创 2016-12-10 12:36:14 · 8229 阅读 · 0 评论 -
gulp入坑系列(4)——gulp的代码转换
终于进入正题了,当初也是为了将Sass和SCSS代码转换成CSS才从Sass的学习路径忽然跳到了gulp的大坑里╮( ̄▽ ̄")╭当然,gulp不仅仅能转换Sass,这里会提到如下转换:jsx转换成常规的JavaScript(说到jsx,玩过react的同学应该是知道的)es6转换为es5Less,Sass转换为CSS首先,新建一个文件夹,然后继续和之前的方法一样,在文件夹里np原创 2016-12-10 16:04:06 · 2033 阅读 · 0 评论 -
gulp入坑系列(1)——安装gulp
前言 好吧,我承认我是为了搞定Sass编译CSS文件的问题,迷一样的着手入gulp的坑,sass和gulp的爬坑历程大概会一起更新。然后感觉这里windows和mac的流程差不多,不过mac的通常在指令前加sudo ,本喵是windows的本本,所以就以windows的流程为例了。1. 安装淘宝cnpm镜像 因为很多npm包都是国外的,所以安装起来很慢,所以我们可以利用淘宝的镜像服务器来进行安原创 2016-12-09 19:05:22 · 6640 阅读 · 0 评论 -
gulp入坑系列(2)——初试JS代码合并与压缩
在上一篇里成功安装了gulp到项目中,现在来测试一下gulp的合并与压缩功能gulp入坑系列(1)——安装gulp(传送门):http://blog.youkuaiyun.com/u013034014/article/details/53543223在之前建立的项目中写入,在根目录新建js文件夹,并在文件夹中新建两个js文件,代码如下:index.js:var index={};in原创 2016-12-09 19:53:47 · 3702 阅读 · 2 评论