Grunt.js是什么
grunt.js是一个Javaｓｃｒｉｐｔ任务转轮（Javaｓｃｒｉｐｔ任务运行时），这是基于NodeJS，可用于自动构建，测试和生成文件项目管理工具。

grunt.js不仅仅是建筑工具。实际上，它只是任务运行时，它管理每个子任务的自动操作，我们仍然可以使用他做更多的事情。


你为什么用grunt.js
简单地说：为了自动化。
例如，对于前端项目：

为了阐明模块分工，我们可以将Javaｓｃｒｉｐｔ代码拆分成非常小的js文件，但我们知道在最后一页上，我们知道太多的js文件会产生太多的HTTP请求，这不利于页面优化，所以我们可能期望可以合并到这些js文件中的工具。
我们希望将HTML、Javaｓｃｒｉｐｔ和其他文件压缩得尽可能的小。
我们可能需要对源代码进行一些单元测试和回归测试。
我们可能希望有能够通过源代码注释自动生成文档的工具，以便可以手动重写文档。
......
显然，有各种各样的小工具可以帮助我们，但我们希望我们可以输入一个命令来打开一个程序，或者只是在每次修改后自动保存文件。

我们使用Nodejs写建设方案，但现在grunt.js可以提供我们需要的一切。

安装grunt.js
grunt.js 0.4后，不再使用全局的方式安装的整个grunt.js，但安装grunt.js客户在全球范围内，然后安装咕噜在避免未来的项目在不同的版本依赖当前项目咕噜。

如果安装以前的版本，你可以使用npm命令删除原来的grunt.js。

NPM卸载- G的呼噜声
然后安装grunt.js客户端：

NPM安装- G咕噜CLI


package.json
package.json是项目的配置文件中，有一些对项目的依赖项的信息，以及作者、版本，等等。让我们先写一个简单的package.json。
复制代码代码如下所示：
{
：我的项目
版本：0.1.0
devdependencies ：{
咕噜：~ 0.4.1
}
}

name属性，它表示项的名称。

版本属性是项目的版本号。

的devdependencies属性，其中包含项目的依赖，目前依赖只哼哼，和版本0.4.1。
终端可能包含的package.json目录，输入命令：

NPM安装
我们会发现，该目录是在这个时候有一个咕噜着文件夹node_modules文件夹，这是我们在项目安装grunt.js。

与grunt.js压缩JS代码
咕噜有丑化是一个grunt.js任务模块，它是基于著名的JS压缩工具，丑化，对JS压缩任务。

首先，我们添加了咕噜丑化到项目的依赖，和package.json如下：
复制代码代码如下所示：
{
：我的项目
版本：0.1.0
devdependencies ：{
咕噜：~ 0.4.1
咕噜丑化：~ 0.2.0
}
}

再利用：

NPM安装
我们已经安装了咕噜有丑化。

写gruntfile.js
复制代码代码如下所示：
module.exports =功能（咕噜）{

添加到咕哝中
Grunt.initConfig（{
丑化：{
选项：{
横幅： *！保留所有权利，请写在这里
}，
建造：{
SRC：'src / / 核心。JS的/压缩的源文件，我们也可以使用*通配符，这样as'src / * JS。
目的：'dst / / 核心。js /压缩输出位置
}
}
}）；

负荷 / / 丑化插件的任务
grunt.loadnpmtasks（'grunt-contrib-uglify）；

定义默认任务
grunt.registertask（'default，{ 'uglify}）；

}；

的gruntfile.js文件是用来定义的任务，以及任务组执行。上述文件定义压缩SRC / core.js文件输出到DST / core.js.then我们输入命令：

咕噜
届时，这项任务将自动完成。