摆脱混乱的html文件中开发，拥有development与product模式是我们梦寐以求的。
我买的需求是：
1
2
3
4
5
6
1.产出一定格式的目录结构，以供日常开发使用，脚手架功能。
2.在开发模式环境中我们按照文件类型不同分开开发，甚至html也分成小的区块widget化利于协作开发和维护，产出时合并成一个html，外联资源inline化。
3.在编码过程中实时保存并自动刷新
，减少请求和代码体积。
6.上线后生成开发文档。
grunt 有没有这样的能力呢，接下来我们一起探索。
1.脚手架功能
grunt-init插件
1
npm install -g grunt-init
装好后要安装模板
git clone git://github.com/gruntjs/grunt-init-gruntplugin.git ~/.grunt-init/gruntplugin
详细
自己也可以根据要求创建自定义模板。
2.include功能
grunt-incoludes插件 （第三方）
1
npm install grunt-includes
1
include "content.html" //注意指令前后不要添加任何符号,会影响正则匹配（本人在最后面添加了一个;被卡了很久）
详细
3.刷新浏览器
a.自动刷新功能
目前来说只实验了chrome浏览器，有关刷新的插件有两款。
