之前一个demo中用的是grunt,照着grunt用到的插件找了下gulp的,总体使用还算顺畅,说实话并不觉得学习成本有降低什么的,差不多。不过也遇到一些问题:1、gulp.dest()输出目录需要用"./"而不能"/"2、gulp的jshint有些规则检测不到,而grunt却检测到了,可以用"as...
分类:
其他好文 时间:
2015-08-13 19:40:08
阅读次数:
210
插件内容:在文件的顶部加入字符画。一个从无到有的项目,所以我们需要用yeoman来初始化项目。上yeoman官网的generator收纳页搜索gruntplugin。安装这个generator:npm install -g generator-gruntplugin //generator的命名规则...
分类:
其他好文 时间:
2015-08-13 17:20:37
阅读次数:
199
前言最近流行前端构建工具,苦于之前使用Grunt,代码很难阅读,现在出了Gulp,真是摆脱了痛苦。发现了一篇很好的Gulp英文教程,整理翻译给大家看看。为什么使用GulpGulp基于Node.js的前端构建工具,通过Gulp的插件可以实现前端代码的编译(sass、less)、压缩、测试;图片的压缩;...
分类:
其他好文 时间:
2015-08-11 20:55:32
阅读次数:
822
grunt是一款前端自动化工具,主要基于nodejs,所以提前必须安装、配置nodejs相关环境,本文讲解grunt的常用功能:
(1).压缩
(2)合并 (3)简单语法检查
安装nodejs需要去官方网站下载nodejs安装包,这里不再赘述,详细讲解grunt的安装方法:
npm install -g grunt-cli
使用-g参数可以安装grunt到全局,这样软件在安装的时候帮我...
分类:
其他好文 时间:
2015-08-11 12:15:10
阅读次数:
109
//installpackage[root@wode00110.node.js]#npminstall-ggrunt-cli/usr/local/bin/grunt->/usr/local/lib/node_modules/grunt-cli/bin/gruntgrunt-cli@0.1.13/usr/local/lib/node_modules/grunt-cli├──resolve@0.3.1├──nopt@1.0.10(abbrev@1.0.7)└──findup-sync@0...
分类:
其他好文 时间:
2015-08-11 10:19:34
阅读次数:
167
各位web前端开发人员,如果你现在还不知道grunt或者听说过、但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点)。至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt。还有一点,它完全免费,没有盗版。既强大又免费的东西,为何不用?
分类:
Web程序 时间:
2015-07-31 17:47:07
阅读次数:
149
方案一:grunt-livereload + Chrome Plug-in优点:安装、配置简单方便。缺点:需要配合指定的浏览器插件(Firefox也有相关插件,IE么你懂的)。1. 需要安装2个插接件:grunt-contrib-watch、connect-livereload执行命令:npm in...
分类:
其他好文 时间:
2015-07-31 12:50:49
阅读次数:
128
grunt.initConfig方法用于模块配置,它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。每个目标的具体设置,需要参考该模板的文档。就cssmin来讲,minify目标的参数具体含义如下:expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名。...
分类:
编程语言 时间:
2015-07-30 19:23:51
阅读次数:
228
前言对于前端自动化,大家可能开始想到的是Grunt而且最开始学的是也是它。没错,刚开始学习grunt时,发现它真的很方便,很多额外的操作都可以通过一个命令自动执行。而我使用Grunt的方式也很简单,就是为了更好的保护的F5键。...
分类:
其他好文 时间:
2015-07-30 14:57:47
阅读次数:
116
Photoshop 切出的图片,无论是 PNG 还是 JPEG/JPG 格式,都含有许多相关信息,又或多余的颜色值,这些信息和颜色值,对网页前端并没有用处,反而增加图片大小,所以 Google Pagespeed最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台)...
分类:
其他好文 时间:
2015-07-28 20:23:34
阅读次数:
134