Grunt是前端自动化小工具，基于任务的命令行构建工具。自动化的工作流程，让我们更专注于coding，而不是coding外的繁琐工作。于是Grunt应运而生。
工具/原料
1
Grunt
2
Node.js
Grunt安装配置
2
安装 grunt-initnpm install grunt-init -g可选安装，grunt-init是个脚手架工具，它可以帮你完成项目的自动化创建，包括项目的目录结构，每个目录里的文件等。具体情况要看你运行 grunt-init指定的模板，以及创建过程中你对问题的回答。
3
配置 grunt从Grunt官网下载package.json Gruntfile.js 文件放到项目根目录，并对文件进行修改配置.package.json //项目自动化所依赖的相关插件。Gruntfile.js //项目自动化工作流配置文件，重要
开始一个实例
1
这里以my-project-name为例子，实现的自动化功能如下编码过程中自动监控my-project-name目录，如果 .html/ .css/ .js文件变更时，自动刷新浏览器。编码完成后，压缩html、css、js、images文件,并存放到dist/目录下。
2
先配置好package.json、Gruntfile.js两个文件每个人的具体需求不一样，可以按自己的习惯合理配置，组合成最适合自己的自动化工作流。我这里仅作为参考，有兴趣可以深入研究
3
执行命令自动下载相对应的Grunt插件命令行执行:npm install对于要添加的插件可以通过npm install grunt-contrib-jshint --save-dev
4
编码完成后Build命令行执行:grunt build
注意事项
1
如果有任何疑问欢迎写评论有得，如果本经验帮到了你，欢迎投票点赞
2
Grunt能为我们做的远不只这么多,很多Grunt插件待我们去挖掘使用。