Grunt简要介绍--基于任务的JavaScript项目命令行构建工具

何为grunt？

Grunt是一个基于任务的JavaScript项目命令行构建工具。

为何创建grunt？

创建一个主要的或单文件repo是相当容易的，你会承诺在不久后将会添加linting和单元测试。使用grunt，你曾经所有的推迟的借口将因此消失。创建一个新的项目总是会要做一些必要而繁琐并重复的工作例如linting，单元测试，连接以及细化文件等，grunt使得这些琐碎的事更加简单。

在许多的实验与失败尝试后，我发现在一个巨大的Makefile/Jakefile/Cakefile/Rakefile/?akefile中编写与维护一整套“JavaScript构建过程”任务是压倒性的，特别是考虑到我有多少个这样的工程的时候。这种方式是没法满足我现行的需求的。

最后我意识到，一个带有内建的常用任务的基于任务的构建工具对于我来说是最好的方式了。不幸的是，我没有找到一个能够真正满足我要求的构建工具，所以我自己构建了一个。

我如何构建grunt?

首先作为一个JavaScript开发者，我决定使用Node.js和npm是因为我关心的依赖组件（JSHint和UglifyJS）已经有npm模块了。也就是说，当Node.js被设计用来处理高并发异步IO驱动的网络服务时，它就注定不是设计用来当命令行构建工具的。但是没关系，因为grunt能够在OSX，Linux与Windows下良好工作。

只需要使用npminstall-ggrunt安装就行。

内建任务处理

到现在为止，grunt拥有一下预定义的任务：

concat-Concatenatefiles.

init-Generateprojectscaffoldingfromapredefinedtemplate.

lint-ValidatefileswithJSHint.

min-MinifyfileswithUglifyJS.

qunit-RunQUnitunittestsinaheadlessPhantomJSinstance.

server-Startastaticwebserver.

test-Rununittestswithnodeunit.

watch-Runpredefinedtaskswheneverwatchedfileschange.

自定义任务

除了使用内建任务之外，你也能够创建自己的任务，与内建任务默认行为不同？重写一遍就好了。检出gruntAPIdocumentation和内建任务源码，这些能够给你所有用来创建自定义任务的信息。

同时，创建grunt插件允许你将关联的任务轻松打包成npm模块以便安装。BackboneBoilerplate便是一个很好的grunt插件演示示例。

初始化新项目

这也许是我最喜欢的grunt特性，该inittask初始化一个新项目，基于当前的环境以及一些问题的答案。一旦完成初始化，将会在生成一个带有完整目录结构的grunt.js配置文件，包括基本的readme，license，package.json，示例源文件以及单元测试（等）。这些文件以及内容依赖于被选择的模版。

现在，我可以在10秒钟内为整个项目创建整体框架，而不是一点点勾画出一个一次性的主体。“填空”，然后运行grunt用来lint,concat,minify我的代码。如果一切都通过了，我便可以提交以及增进我的代码。任何希望为该项目贡献代码的人都可以安装grunt来做同样的事。

当前还只有少量的内建初始化模版，包括一个“jquery”模版，它用来设计基本的jQuery插件以适应即将到来的jQuery插件站，还有一个一般的“gruntfile”模版用来快速的添加grunt.jsgruntfile到一个已存在的项目中。你可以重写初始化模版文件，如果你想要自定义内建的初始化模版或者创建一个你自己的。你的模版不需要是与grunt关联。你可以创建一个初始化模版用来构建模型或者视图或者package.js文件，做任何你想做的。