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>   合併壓縮而且便於維護！