
grunt 入门教程
lihongxun945
膜拜大牛
展开
-
Grunt 入门教程二:配置任务
2.1 Grunt 配置 任务配置都定义在GruntFile 文件中的 grunt.initConfig 方法中。这个配置一般都是一些以任务名命名的属性,但是也可以包含任意的数据。如果一个属性没有被任何任务用到,就会被忽略。 而且,因为这是 JavaScript 文件,任何合法的 JS 代码都可以写,而不是仅仅局限于 JSON。如果有必要,你甚至可以用代码动态生成配置。 grunt.init翻译 2013-05-16 11:38:19 · 6270 阅读 · 5 评论 -
Grunt 入门教程一:开始使用Grunt(翻译自官方教程)
关于Grunt翻译: 用了Grunt一段时间,确实极大提高了前端开发效率,所以决定翻一下官方文档,方便英文基础不太好的童鞋们(本人英文也不怎么样)。虽然在github上找到了一个中文的翻译,但是翻译质量实在不敢恭维(个人感觉像是google全文翻译的结果,部分语句翻译非常不准确)。再者,即使有更好的中文翻译出现,也不会妨碍我自己翻译一遍,就当再学习一遍了。 因为部分英文语句直译后很晦涩,所以意翻译 2013-05-07 15:02:43 · 23183 阅读 · 5 评论 -
Grunt 入门教程三:GruntFile 例子
本例中使用了如下几个插件: grunt-contrib-uglify grunt-contrib-qunit grunt-contrib-concat grunt-contrib-jshint grunt-contrib-watch 整个GruntFile文件内容在本文的结尾,但是您最好能按顺序阅读本教程,我们会一步一步的讲解。 第一步是准备一个包装函数(wrapper function翻译 2013-05-21 23:36:40 · 15611 阅读 · 1 评论 -
Grunt 入门教程四:创建任务
任务是你在grunt中最常用到的,比如 jshint 和 nodeunit。每当grunt运行时,你都会定义一个或多个任务,通过这些任务告诉grunt你想做的事情。 重命名任务 如果有一个已经定义好的任务列表,那么可以创建一个新的任务作为一个或多个其他任务的别名。任何时候这个“别名任务”被运行,在这个“别名任务”中列出的任务都会按顺序执行。其中的 taskList 参数可以是一个任务数组。翻译 2013-06-09 16:33:03 · 4930 阅读 · 0 评论 -
grunt 入门教程五:完整示例(完结篇)
getting started 四章翻译完之后中断了好久,这段期间对grunt有了更多的使用经验,直到最近把总结了之前经验了一下,才能给这个系列画上一个句号。 我们用grunt干什么? grunt作为一个代码构建工具,我们前端代码相关的所有操作,除了写源码之外,都可以让grunt帮我们完成,这就是grunt的作用。 那么除了写源码之外,我们一般还需要做些什么? 1,编译压缩源码,比如l原创 2013-11-10 17:23:03 · 8267 阅读 · 0 评论 -
如何编写Grunt插件
参考这里:http://javascriptplayground.com/blog/2014/01/creating-your-first-grunt-plugin/ 一,准备环境 Grunt团队提供了一个yeoman generator 可以自动生成一个插件模板,使用yeoman之前需要先安装: npm install -g yo 然后我们需要安装对应的 generato原创 2014-07-08 20:26:12 · 3870 阅读 · 1 评论