用grunt进行前端工程化之路

咱们的项目wecash4.0的前端构建考虑过用fis和grunt.

 目录:

　　前期调研:fis vs grunt vs gulp?

　　一.安装grunt和项目.

fis是百度fex研发的构建工具,很是方便,很是强大.

简单的几句代码就能够完成对项目的构建.

可是,fis它那个自动更新引用资源的名字的功能有个问题就是它更新后的名字都是绝对路径的,好比原来是这么引用的<script src="index.js" />,如今被它构建后成了<script src="/index.js">,这样当你的项目是放在二级域名的个根目录下的文件夹,好比是book.douban.com的时候你就会发现你全部对引用资源的引用的路径都不正确了,报404了.

虽然它官方说有个设置能够改变 这个(把引用路径都设置成绝对路径),可是我找了一通以后仍是没弄好.

因此可是咱们最后仍是决定不用fis.

 

咱们决定用grunt-这个当前业界最流行的构建工具(

千辛万苦,终于能够对js文件添加md5戳并且在全部页面找到引用的js文件并且更新成他们添加md5戳后的名字,可是仔细一看,诶,不对,竟然只有每一个页面最后一个脚本的文件被更新了.

二.写配置文件.