最近一直在构建Angular应用,通过bower管理前端包依赖,然后通过gulp和它配合.发现gulp相比于grunt真的很轻,现在我的项目中已经取代了grunt.这里把我的一些实践贴记录下来和大家分享一下.gulp定位和grunt一样也是前端构建工具,和grunt相比它更突出一个流的概念,它所有....
分类:
其他好文 时间:
2014-10-01 04:10:30
阅读次数:
299
Grunt完成对LESS实时编译。安装安装grunt需要先安装node.js。之后需要借助npm来安装grunt-cli,在cmd中npm install -g grunt-cli。(测试grunt --version看是否正确显示grunt-cli版本)这样,就完成了grunt的安装。在项目中使用...
分类:
其他好文 时间:
2014-09-29 21:59:51
阅读次数:
147
直奔主题:
一、安装grunt-contrib-qunit
npm install grunt-contrib-qunit --save-dev (前提先安装nodejs和npm)
自动下载grunt-lib-phantomjs库,安装phantomJS
phantomjs实现了一个无界面的webkit浏览器。虽然没有界面,但dom渲染、js运行、网络访问、canvas/s...
分类:
其他好文 时间:
2014-09-27 13:41:39
阅读次数:
220
较新版本的sass(3.3+)支持source-map功能,可以配合谷歌浏览器或者livestyle来映射查找对应的样式。要生成source-map可以在grunt中使用grunt-contrib-sass 插件,只要不在options中配置ourcemap:'none' 便默认在编译sass时自动...
分类:
其他好文 时间:
2014-09-25 21:33:57
阅读次数:
201
Grunt入门教程之三
Yuidoc插件
Yuidoc 是一个可以将代码注释生成HTML格式文档的工具,文档的生成完全基于JavaDoc风格的代码注释规则。
我们在写公共模块或者API的时候,往往会输出文档给调用者查看,这时候Yuidoc就是一个很好的助手。
下面介绍一下如何在Grunt中使用Yuidoc。
1234567891011121314151...
分类:
其他好文 时间:
2014-09-24 21:44:38
阅读次数:
241
不得不说,这年头写JS程序变得越来越复杂了。虽然大家都为了让写JS变得更简单而创建框架、创建工具,但是感觉已经开始偏离了最初的目的。
今天来说说Yeoman,一帮人为了让写AngularJS程序更高端智能而创建的一个工具。可以利用简单的命令行操作帮你初始化一个Angular App,CSS、图片、View和JS应该放哪都帮你决定好了,连复杂的Grunt都帮你配好了。前端同志只要用”grunt serve“就可以预览你的Web App而不用配置Web服务器,用"grunt build"就可以导出经过压缩的CS...
分类:
其他好文 时间:
2014-09-23 00:14:36
阅读次数:
345
在不久前我曾写了一篇 应用r.js来优化你的前端的文章,为大家介绍了r.js这个实用工具,它可以很好地压缩、合并前端文件并打包整个项目。但是如果将r.js放到项目中,我们不得不顾及到一个问题——项目每维护一次,就需要维护的人员输入一次rjs运行口令重新打包项目,自然是非常繁琐的事情。另外如果我们的项...
分类:
其他好文 时间:
2014-09-21 01:05:59
阅读次数:
345
Grunt入门教程之二
Concat插件
concat是grunt中用来做文件连接的常用插件,比如说你写了一个类库,有三大模块,如:
one.js
two.js
three.js
当你的项目准备发布的时候,你可能需要将这三个模块合并成一个大的模块all.js,这样做可以减少H...
分类:
其他好文 时间:
2014-09-18 22:21:44
阅读次数:
201
1、什么是Gulp gulp.js?是一种基于流的,代码优于配置的新一代构建工具。 Gulp?和?Grunt?类似。但相比于?Grunt?的频繁的?IO?操作,Gulp?的流操作,能更快地完成构建。 2、Gulp特性 使用方便 通过代码优于...
分类:
其他好文 时间:
2014-09-18 13:24:54
阅读次数:
234
在做网页的时候,经常刷新页面去查看修改的代码是否正常的显示出来。经常按【刷新键】好麻烦,如果改了代码后,浏览器上就能看到更新代码后的效果,那多好啊。使用grunt(温习一下怎么使用grunt) 1、在项目路径下安装gruntsudo npm install grunt --save-dev2、生成p...
分类:
其他好文 时间:
2014-09-17 14:56:02
阅读次数:
205