下载APP 随时随地学编程
返回 首页

Grunt 教程

开始阅读
手册说明:

Grunt 中文版

Grunt是一个自动化的项目构建工具。 如果你需要重复的执行像压缩, 编译, 单元测试, 代码检查以及打包发布的任务。 那么你可以使用Grunt来处理这些任务, 你所需要做的只是配置好Grunt, 这样能很大程度的简化你的工作。

本教程内容来源于 GruntJS中文

英文官网Grunt:GruntJS官方

更新日期更新内容
2015-04-27Grunt 中文版

如果在团队中使用Grunt, 你只需要与其他人员约定好使用Grunt应该规避的问题, 就能够很方便的自动化的处理大部分的常见工作任务, 你所付出的努力几乎为0.

为什么要使用Grunt?

Grunt是一个庞大的生态系统, 每天都在成长. 你可以自由的选择数以百计的插件以帮助你自动化的处理任务.

如果你所需要的插件还没有被人创建, 那么你可以自己创建插件并通过npm很方便的发布以供更多人使用并一起完善.

Grunt都有哪些插件?

大多数的任务Grunt都提供了可用的Grunt插件, 并且每天都有插件诞生并发布到社区中. 我想你所熟悉的有:

  • JSHint
  • Uglify
  • Less
  • Sass
  • CoffeeScript
  • CSSLint

等等. 更多的插件可以在Grunt官方的插件清单中查看.

哪些人都在使用Grunt?

众所周知的有:

  • jQuery
  • Modernizr
  • Twitter
  • Adobe

等等. 还有更多的人在使用Grunt, 比如: 你.

版本信息

书中演示代码基于以下版本:

工具版本信息
Grunt0.4.x
注:Node.js 的版本 0.8.0 以上


目录

Grunt 文档

Grunt 概述
Grunt 快速入门
Grunt 配置任务
Gruntfile 实例
Grunt 创建任务
Grunt 创建插件
Grunt 使用命令行工具

Grunt API

grunt
grunt.config
grunt.event
grunt.file
grunt.log
grunt.option
grunt.task
grunt.template
grunt.util

Grunt 其他

安装 Grunt
Grunt 常见问题
Grunt 项目脚手架
Grunt 深入任务内幕
Grunt 退出码

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }