码迷,mamicode.com
首页 >  
搜索关键字:前端自动化工具 grunt 插件的简单使用(一)    ( 918个结果
gulp完全开发指南 => 快来换掉你的Grunt吧
最近一直在构建Angular应用,通过bower管理前端包依赖,然后通过gulp和它配合.发现gulp相比于grunt真的很轻,现在我的项目中已经取代了grunt.这里把我的一些实践贴记录下来和大家分享一下.gulp定位和grunt一样也是前端构建工具,和grunt相比它更突出一个流的概念,它所有....
分类:其他好文   时间:2014-10-01 04:10:30    阅读次数:299
Grunt设置
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实现自动化单元测试
直奔主题: 一、安装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
用chrome来映射查找样式对应的sass
较新版本的sass(3.3+)支持source-map功能,可以配合谷歌浏览器或者livestyle来映射查找对应的样式。要生成source-map可以在grunt中使用grunt-contrib-sass 插件,只要不在options中配置ourcemap:'none' 便默认在编译sass时自动...
分类:其他好文   时间:2014-09-25 21:33:57    阅读次数:201
Grunt入门教程之(三)
Grunt入门教程之三 Yuidoc插件 Yuidoc 是一个可以将代码注释生成HTML格式文档的工具,文档的生成完全基于JavaDoc风格的代码注释规则。 我们在写公共模块或者API的时候,往往会输出文档给调用者查看,这时候Yuidoc就是一个很好的助手。 下面介绍一下如何在Grunt中使用Yuidoc。 1234567891011121314151...
分类:其他好文   时间:2014-09-24 21:44:38    阅读次数:241
使用Yeoman你必须要知道的
不得不说,这年头写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
应用Grunt自动化地优化你的项目前端
在不久前我曾写了一篇 应用r.js来优化你的前端的文章,为大家介绍了r.js这个实用工具,它可以很好地压缩、合并前端文件并打包整个项目。但是如果将r.js放到项目中,我们不得不顾及到一个问题——项目每维护一次,就需要维护的人员输入一次rjs运行口令重新打包项目,自然是非常繁琐的事情。另外如果我们的项...
分类:其他好文   时间:2014-09-21 01:05:59    阅读次数:345
Grunt入门教程之二 —— concat插件
Grunt入门教程之二     Concat插件     concat是grunt中用来做文件连接的常用插件,比如说你写了一个类库,有三大模块,如:         one.js         two.js         three.js     当你的项目准备发布的时候,你可能需要将这三个模块合并成一个大的模块all.js,这样做可以减少H...
分类:其他好文   时间:2014-09-18 22:21:44    阅读次数:201
Gulp:新一代前端构建利器(轉)
1、什么是Gulp gulp.js?是一种基于流的,代码优于配置的新一代构建工具。 Gulp?和?Grunt?类似。但相比于?Grunt?的频繁的?IO?操作,Gulp?的流操作,能更快地完成构建。 2、Gulp特性 使用方便 通过代码优于...
分类:其他好文   时间:2014-09-18 13:24:54    阅读次数:234
使用grunt实现livereload(实时刷新)
在做网页的时候,经常刷新页面去查看修改的代码是否正常的显示出来。经常按【刷新键】好麻烦,如果改了代码后,浏览器上就能看到更新代码后的效果,那多好啊。使用grunt(温习一下怎么使用grunt) 1、在项目路径下安装gruntsudo npm install grunt --save-dev2、生成p...
分类:其他好文   时间:2014-09-17 14:56:02    阅读次数:205
918条   上一页 1 ... 83 84 85 86 87 ... 92 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!