grunt 教程
文章平均质量分 69
iteye_15118
这个作者很懒,什么都没留下…
展开
-
使用GruntJS构建Web程序 (1)
Gruntjs是JavaScript项目的构建工具,也是基于node的一个命令行工具。很多开源JS项目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用 合并JS文件 压缩JS文件 单元测试(基于QUnit) 一句话:完全自动化(automation) 以下是它的安装过程。 一、安装node 参考nodejs入门 (最新的node...原创 2014-07-26 19:23:47 · 92 阅读 · 0 评论 -
使用GruntJS构建Web程序 (2)
前一篇记录了Grunt的安装,这篇介绍下怎么使用Gruntjs来搭建一个前端项目,然后使用grunt合并,压缩JS文件。 大概有如下步骤 新建项目Bejs 新建文件package.json 新建文件Gruntfile.js 命令行执行grunt任务 一、新建项目Bejs 源码放在src下,该目录有两个js文件,selector.js和ajax.js。编译后代码放在dest...原创 2014-07-26 19:24:39 · 93 阅读 · 0 评论 -
Gurnt任务的配置
在《Grunt教程——初涉Grunt》和《Grunt教程——安装Grunt》中得知,Grunt项目中都是通过Gruntfile.js来配置任务。可以说,Gruntfile.js文件在任何一个Grunt项目中都是必不可少的,从这也可以看出这个文件的重要性。欲要搞清楚Grunt怎么工作,就必须要先了解Grunt是如何通过Gruntfile.js配置任务,帮助你实现你需要的功能。如果你还不知道Grun...原创 2014-07-26 19:38:01 · 165 阅读 · 0 评论 -
Getting started—grunt入门指南
http://www.36ria.com/6192 http://www.36ria.com/category/f2e 什么是grunt? grunt是javascript项目构建工具,在grunt流行之前,前端项目的构建打包大多数使用ant。(详细请看明河写的《ant与前端》),但ant对于前端而言,存在不友好,执行效率低,学习成本高的问题。 “人活一世,有的成了面子,有的成了...原创 2014-07-27 09:52:54 · 86 阅读 · 0 评论 -
常用插件的使用—grunt入门指南(上)
上一篇文章明河简单讲解了grunt使用,这一篇文章将接着讲解grunt的几个常见任务。 先来看个图: 上图是这二年前端炙手可热的项目,这么项目多多少少都需要构建工具支持,grunt是不二之选。 前面二篇教程,明河大量使用grunt-contrib-uglify插件进行演示,一方面是uglify(压缩js文件)任务,基本上是代码发布前必须执行的,另一方面grunt-contrib-ug...原创 2014-07-27 09:53:20 · 108 阅读 · 0 评论 -
常用插件的使用—grunt入门指南(下)
less/sass/stylus预编译 在前端工程中使用css预编译器(less/sass/stylus)用于弥补css的语言缺陷,基本上是标配了,其中less和sass用的最多,但明河最喜欢使用的是stylus,grunt官方有对应的编译插件。 这里以grunt-contrib-stylus为例。 stylus: { options: { ...原创 2014-07-27 09:53:58 · 134 阅读 · 0 评论 -
任务配置详解—grunt入门指南
任务配置指的是grunt.initConfig({})中的任务配置,上一篇文章我们配置了uglify(这里指任务名,而不是插件名)任务,用于压缩js文件,接单演示了任务配置的功能。 这一篇教程将深入讲解任务配置的细节。 多任务目标 构建中有二个关键字:任务(task)和目标(target),一个任务可以包含多个任务目标。 grunt.initConfig({ ...原创 2014-07-30 20:47:54 · 109 阅读 · 0 评论