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