前言 好吧,我承认我是为了搞定Sass编译CSS文件的问题,迷一样的着手入gulp的坑,sass和gulp的爬坑历程大概会一起更新。然后感觉这里windows和mac的流程差不多,不过mac的通常在指令前加sudo ,本喵是windows的本本,所以就以windows的流程为例了。 1. ...
在上一篇里成功安装了gulp到项目中,现在来测试一下gulp的合并与压缩功能 gulp入坑系列 安装gulp 传送门 :http: www.cnblogs.com YuuyaRin p .html 在之前建立的项目中写入,在根目录新建js文件夹,并在文件夹中新建两个js文件,代码如下: index.js: varindex index test:function argument console. ...
2016-12-12 18:22 1 6445 推荐指数:
前言 好吧,我承认我是为了搞定Sass编译CSS文件的问题,迷一样的着手入gulp的坑,sass和gulp的爬坑历程大概会一起更新。然后感觉这里windows和mac的流程差不多,不过mac的通常在指令前加sudo ,本喵是windows的本本,所以就以windows的流程为例了。 1. ...
根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js) npm install gulp --save-dev (建议装在项目目录中, 也可以通过 淘宝镜像 安装,需要先安装淘宝镜像 npm install ...
本节实现JS压缩,在实现压缩前,先配置JS任务,设置源目录和输出目录。 在系列(三)代码的基础上,再进行扩展。 1.找到gulp->config.js,对JS进行源目录(src->img)和输出目录(build->img)的配置: 2.gulp ...
继续gulp的爬坑路,在准备get更多gulp的具体操作之前,先来明确一下在gulp中创建和使用多个task任务的情况。 gulp所要做的操作都写在gulp.task()中,系统有一个默认的default任务,如下: var ...
访问时将js和css压缩并且缓存在客户端,采用的是Yahoo.Yui.Compressor组件还完成的,从这里可下载 创建一个IHttpHandler来处理文件 1 public class CombineFiles : IHttpHandler ...
合并css中的图片 css代码 在路劲后面加 ?__spriter 标识要进行合并 gulp-css-spriter 默认会合并CSS中的所有图片,要按需合并则需要修改 node_modules\gulp-css-spriter\lib ...
前言 这篇文章本应该在去年17年写的,但因为种种原因没有写,其实主要是因为懒(捂脸)。gulp出来的时间已经很早了,16年的时候还很流行,到17年就被webpack 碾压下去了,不过由于本人接触gulp的时候比较晚,16年的时候才听说有这么个玩意,正真用它是在17年的时候,但是虽然现在 ...
之前前端代码部署时用的是grunt,后来又出了个gulp工具,最近试用了一下,很方便,感觉比grunt简单好用,下面把一些常见的任务列一下,备用。 关于processhtml大家用的可能较少,这里简单地介绍一下。 例如我们有这样一个文件: 最终我们希望代码压缩合并 ...