前端打包工具之grunt

随着前端业务逻辑越来越重，代码量也就越来越大，而过多数量引入js文件会增加http请求，增加数据传输的压力。所以我们在开发的时候，习惯将js文件

模块化，而在部署项目时，则希望能合并并压缩js文件来减小压力。基于node.js的grunt可以完成以下功能

Contrib-jshint——javascript语法错误检查；

Contrib-uglify——压缩javascript代码

Contrib-cssmin——压缩css代码

Contrib-watch——实时监控文件变化、调用相应的任务重新执行；

Contrib-clean——清空文件、文件夹；

Contrib-copy——复制文件、文件夹

Contrib-concat——合并多个文件的代码到一个文件中

我们主要使用压缩与压缩插件。

首先我们要建立一个文件夹，在文件夹中下载grunt项目与需要使用的插件，手动创建配置文件Gruntfile.js与package.json ，package.json是配置需要操作的文件名和相关插件版本号，gruntfile.js文件引入package，在里面配置插件的源路径和目标路径。资料链接如下http://jingyan.baidu.com/article/e75057f2f3dfffebc91a89c4.html。

在grunt文件的命令行环境中进行合并压缩的操作。