学习Grunt

一、Grunt是什么

       Grunt是一套前端自动化工具，一个基于nodeJs的命令行工具

二、Grunt用来干什么

       Grunt用来搭建自动化的web前端开发环境，具有资源压缩，代码检查，文件合并等功能。

       Grunt常用插件

1. grunt-contrib-clean 清理文件或文件夹

2. grunt-contrib-compress 压缩文件或文件夹

3. grunt-contrib-concat 文件拼接（可将多个文件合并到一个文件）

4. grunt-contrib-copy 复制文件或文件夹

5. grunt-contrib-cssmin 压缩CSS文件

6. grunt-contrib-csslint CSS文件语法检查

7. grunt-contrib-htmlmin 压缩HTML文件

8. grunt-contrib-imagemin PNG、JPEG图片压缩（保证质量压缩）

9. grunt-contrib-jshint JS语法检查

10. grunt-contrib-less 将LESS编译成CSS

11. grunt-contrib-uglify 用UglifyJS方式压缩JS文件

12. grunt-contrib-watch 实时监测文件的增删改状态，状态改变时自动执行预定义任务

13. grunt-contrib-jade 编译Jade模版

三、Grunt怎么用

  1、安装NodeJS和Grunt

          查看NodeJS是否安装成功：node -v&npm -v

          安装Grunt：npm install -g grunt-cli

          查看Grunt是否安装成功：grunt --version

  2、手动或者命令行创建package.json文件

           npm init

  3、本地安装Grunt：npm install grunt --save-dev

  4、新建gruntfile.js文件

  5、安装grunt插件

           例如：安装grunt-contrib-uglify（压缩JavaScript代码）

           npm install grunt-contrib-uglify --save-dev

  6、配置gruntfile.js文件

  7、运行grunt