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

2019独角兽企业重金招聘Python工程师标准>>>

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

2、如果引用的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>   合并压缩并且便于维护！

转载于:https://my.oschina.net/u/218421/blog/37451