web工程中如何组织静态化资源

js代码和css代码是web工程中必不可少的资源，当一个工程是中等或者偏小的工程时，图片、css、js这些资源能够放在工程的目录下，可是若是工程比较大的时候这些静态资源也会呈现出急剧膨胀的增加态势，若是不能合理的组织静态资源，其形成的缺点是显而易见的：
一、页面引用的css、js文件过多的话，维护起来不够方便。

二、若是引用的css和js文件过多，这些文件被下载花费的时间也会相应的增加。

本博客就是要讨论解决此问题的解决方案：
咱们能够新建一个专门用于静态化的工程，把其余工程须要的静态化资源所有都扔到这个工程中去，包括img、css和js文件
在web.xml中进行以下的配置:


这样全部匹配/min/*路径的文件都交给了这个servlet处理，能够对多个css或者js文件进行合并压缩，还能够根据版本号来决定是从缓存中读取仍是从文件中读取。

这样咱们在页面中即可采用以下方式引用：
<script type="text/javascript" src="http://static.xxx.com/min/f=js/mall/public/jquery.lazyload.js,js/mall/common/yyy.js,js/mall/util.js?v=201111151656.js"></script>   合并压缩而且便于维护！