发起缘由：
http://blog.csdn.net/xiebaochun/article/details/17579233
配合nodejs环境下的grunt等构建工具------nodejs
的模块支持
Grunt是什么？
Grunt是一个自动化的项目构建工具。如果你需要重复的执行像压缩，编译，单元测试，代码检查以及打包发布的任务。那么你可以使用Grunt来处理这些任务，你所需要做的只是配置好Grunt，这样能很大程度的简化你的工作。
作为前端构造工具，它还有诸多其他功能：http://www.cnblogs.com/yexiaochai/p/3603389.html
文件hash示例：https://my.oschina.net/cobish/blog/653012
grunt-hash ：https://www.npmjs.com/package/grunt-hash
总结：http://www.tuicool.com/articles/YJZvAbZ
百度的fis
推荐使用gulp插件： gulp-clean gulp-rev gulp-rev-collector
gulp-sequence
基于gulp的自动化工具，自动增量式添加文件指纹：https://github.com/front-end-build/cache-handler
基于gulp的自动化工具，自动增量式添加文件指纹：https://github.com/front-end-build/cache-handler
中文网：http://www.gulpjs.com.cn/
-------------
-------------
Webpack是一款用户打包前端模块的工具。主要是用来打包在浏览器端使用的javascript的。同时也能转换、捆绑、打包其他的静态资源，包括css、image、font file、template等。个人认为它的优点就是易用，而且常用功能基本都有,另外可以通过自己开发loader和plugin来满足自己的需求。这里就尽量详细的来介绍下一些基本功能的使用。
1. 为什么用 webpack?
他像 Browserify, 但是将你的应用打包为多个文件. 如果你的单页面应用有多个页面, 那么用户只从下载对应页面的代码. 当他么访问到另一个页面, 他们不需要重新下载通用的代码.
他在很多地方能替代 Grunt 跟 Gulp 因为他能够编译打包 CSS, 做 CSS 预处理, 编译 JS 方言, 打包图片, 还有其他一些.
它支持 AMD 跟 CommonJS, 以及其他一些模块系统, (Angular, ES6). 如果你不知道用什么, 就用 CommonJS.