原文:用gulp清除、移动、压缩、合并、替换代码

之前前端代码部署时用的是grunt,后来又出了个gulp工具,最近试用了一下,很方便,感觉比grunt简单好用,下面把一些常见的任务列一下,备用。 关于processhtml大家用的可能较少,这里简单地介绍一下。 例如我们有这样一个文件: 最终我们希望代码压缩合并后,输出这样的文件: 那么如何做呢,这里就要用到processhtml了,在需要替换的地方加个特殊标记,然后用processhtml进行 ...

2015-02-06 17:34 0 2303 推荐指数:

查看详情

gulp压缩合并代码

根据电脑配置下载安装node.js (win + R -> cmd -> node -v 检查是否安装成功node.js) npm install gulp --save-dev (建议装在项目目录中, 也可以通过 淘宝镜像 安装,需要先安装淘宝镜像 npm install ...

Thu May 11 18:22:00 CST 2017 0 1582
gulp css 压缩 合并

合并css中的图片 css代码 在路劲后面加 ?__spriter 标识要进行合并 gulp-css-spriter 默认会合并CSS中的所有图片,要按需合并则需要修改 node_modules\gulp-css-spriter\lib ...

Mon Dec 05 03:47:00 CST 2016 0 4456
一篇迟到的gulp文章,代码合并压缩,less编译

前言 这篇文章本应该在去年17年写的,但因为种种原因没有写,其实主要是因为懒(捂脸)。gulp出来的时间已经很早了,16年的时候还很流行,到17年就被webpack 碾压下去了,不过由于本人接触gulp的时候比较晚,16年的时候才听说有这么个玩意,正真用它是在17年的时候,但是虽然现在 ...

Sun May 06 03:37:00 CST 2018 0 1077
gulp入坑系列(2)——初试JS代码合并压缩

在上一篇里成功安装了gulp到项目中,现在来测试一下gulp合并压缩功能 gulp入坑系列(1)——安装gulp(传送门):http://www.cnblogs.com/YuuyaRin/p/6159809.html 在之前建立的项目中写入,在根目录新建js文件夹,并在文件夹中新 ...

Tue Dec 13 02:22:00 CST 2016 1 6445
java模板引擎替换代码

import java.text.ParseException; import java.util.HashMap; import java.util.Map; import java.util ...

Mon Feb 20 23:43:00 CST 2017 0 3170
关于用gulp合并压缩seaJs模块

现在很多人都在用seaJs来开发项目,seaJs上手容易,操作简单。但在后期做合并压缩的时候却中了个巨大无比的坑,但坑也总得有人来填。于是花了将近一个星期的时间来填了这坑,现将填坑的一些心得与大家分享。在网上搜了下相关的资料,不得不说网上资料很多的坑(都是复制别人的。。。),说多都是泪。下面总结 ...

Fri Feb 26 20:59:00 CST 2016 3 1229
Gulp学习指南之CSS合并压缩与MD5命名及路径替换

gulpfile.js 运行结果 通过以上的配置之后,就可以开始运行 gulp 对我们的项目进行相关的操作啦; 使用 gulp 命令,运行Gulp.js 构建程序 首先运行 concat 这个 task 生成一个 ...

Thu Jun 02 19:27:00 CST 2016 0 5665
gulp学习指南之CSS合并压缩与MD5命名及路径替换

1.引入插件  控制台输入 2.在gulpfile.js里写代码 注意:minifycss压缩文件名一定要替换目录里的文件名一致,否则替换不成功,例如文件名里reset.css,但是压缩的文件名是reset.min.css,这样的是不能替换 ...

Mon Jan 16 21:19:00 CST 2017 0 1540
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM