根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js) npm install gulp --save-dev (建议装在项目目录中, 也可以通过 淘宝镜像 安装,需要先安装淘宝镜像 npm install ...
之前前端代码部署时用的是grunt,后来又出了个gulp工具,最近试用了一下,很方便,感觉比grunt简单好用,下面把一些常见的任务列一下,备用。 关于processhtml大家用的可能较少,这里简单地介绍一下。 例如我们有这样一个文件: 最终我们希望代码压缩合并后,输出这样的文件: 那么如何做呢,这里就要用到processhtml了,在需要替换的地方加个特殊标记,然后用processhtml进行 ...
2015-02-06 17:34 0 2303 推荐指数:
根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js) npm install gulp --save-dev (建议装在项目目录中, 也可以通过 淘宝镜像 安装,需要先安装淘宝镜像 npm install ...
合并css中的图片 css代码 在路劲后面加 ?__spriter 标识要进行合并 gulp-css-spriter 默认会合并CSS中的所有图片,要按需合并则需要修改 node_modules\gulp-css-spriter\lib ...
前言 这篇文章本应该在去年17年写的,但因为种种原因没有写,其实主要是因为懒(捂脸)。gulp出来的时间已经很早了,16年的时候还很流行,到17年就被webpack 碾压下去了,不过由于本人接触gulp的时候比较晚,16年的时候才听说有这么个玩意,正真用它是在17年的时候,但是虽然现在 ...
在上一篇里成功安装了gulp到项目中,现在来测试一下gulp的合并与压缩功能 gulp入坑系列(1)——安装gulp(传送门):http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的项目中写入,在根目录新建js文件夹,并在文件夹中新 ...
import java.text.ParseException; import java.util.HashMap; import java.util.Map; import java.util ...
现在很多人都在用seaJs来开发项目,seaJs上手容易,操作简单。但在后期做合并压缩的时候却中了个巨大无比的坑,但坑也总得有人来填。于是花了将近一个星期的时间来填了这坑,现将填坑的一些心得与大家分享。在网上搜了下相关的资料,不得不说网上资料很多的坑(都是复制别人的。。。),说多都是泪。下面总结 ...
gulpfile.js 运行结果 通过以上的配置之后,就可以开始运行 gulp 对我们的项目进行相关的操作啦; 使用 gulp 命令,运行Gulp.js 构建程序 首先运行 concat 这个 task 生成一个 ...
1.引入插件 控制台输入 2.在gulpfile.js里写代码 注意:minifycss压缩文件名一定要替换目录里的文件名一致,否则替换不成功,例如文件名里reset.css,但是压缩的文件名是reset.min.css,这样的是不能替换 ...