一，為什么要用smarty進(jìn)行打包

apache中也有給js,css這樣的靜態(tài)文件進(jìn)行打包壓縮的模塊，但是本文所說(shuō)的不是以這種方式進(jìn)行的打包，而是和smarty結(jié)合的方式來(lái)把網(wǎng)站中的js,css文件進(jìn)行打包。

為什么要進(jìn)行打包呢，主要目的是為了合理的管理自己的代碼。現(xiàn)在有好多網(wǎng)站，你查看一下網(wǎng)站的源碼的話，你會(huì)發(fā)現(xiàn)網(wǎng)站的頭部有大量的JS文件和CSS文件，網(wǎng)站的尾部也有可能有大量的JS文件。以webqq為例吧：

<script type="text/javascript" src="js/util.js?20100429001"></script>
<script type="text/javascript" src="js/webeditor.js?20100429001"></script>
<script type="text/javascript" src="js/helptip.js?20100429001"></script>
<script type="text/javascript" src="js/window.js?20100429001"></script>
<script type="text/javascript" src="js/main-panel.js?20100611001"></script>
<!-- this script is for flashplayer version detection -->
<script type="text/javascript" src="js/fp_detect.js"></script>
<!--script type="text/javascript" src="js/tab-msgbox.js?20090311"></script-->
<script type="text/javascript" src="js/tab-buddystate.js?20090927001"></script>
<!--script type="text/javascript" src="js/tab-buddyimpression.js?20090311"></script-->
<script type="text/javascript" src="js/tab-addbuddy.js?20091210001"></script>
<script type="text/javascript" src="js/main.js?20100611001"></script>
<script language="javascript" src="http://pingjs.qq.com/ping.js"></script>

上面的代碼是放在webqq的底部，看著很不爽，如果只顯示一個(gè)話，看著是不是很舒服呢？結(jié)果是肯定的。

二，用一個(gè)JS文件來(lái)包涵多個(gè)JS文件

1，用function

function include(filename) {
 document.write("<script language='JavaScript' type='text/javascript' src='" + filename + "'></script>");
}
 
include("js/jquery-1.3.2.js");
include("js/test.js");

2，用數(shù)組

var jsarray = new Array();
jsarray[0] = "js/jquery-1.3.2.js";
jsarray[1] = "js/test.js";
for(i=0;i<jsarray.length;i++){
 document.write("<script type='text/javascript' src='"+jsarray[i]+"'></script>");
}

三，模板文件

{foreach from=$jsArr item=js}
<script src="{$js}" type="text/javascript"></script>
{/foreach}

四，調(diào)用模板的php文件

public function addCss($<a href="http://www.php1.cn/category/72.html">css</a>) {
 if (!is_array($<a href="http://www.php1.cn/category/72.html">css</a>)) {
 $this-&gt;tpl-&gt;append(&#39;<a href="http://www.php1.cn/category/72.html">css</a>Arr&#39;, $<a href="http://www.php1.cn/category/72.html">css</a>);
 } else {
 $this-&gt;tpl-&gt;append(&#39;<a href="http://www.php1.cn/category/72.html">css</a>Arr&#39;, $<a href="http://www.php1.cn/category/72.html">css</a>, true);
 }
 }
 
 public function addJs($js) {
 if (!is_array($js)) {
 $this-&gt;tpl-&gt;append(&#39;jsArr&#39;, $js);
 } else {
 $this-&gt;tpl-&gt;append(&#39;jsArr&#39;, $js, true);
 }
 }
$this-&gt;addJs("./js/test.pkg.js");

五，總結(jié)

這樣做的好處是什么呢，個(gè)人分析了以下二點(diǎn)：

1，把一個(gè)頁(yè)面包涵的js，css文件轉(zhuǎn)變成一個(gè)，代碼簡(jiǎn)單

2，把這些js,css放到一個(gè)js文件里面，便于管理，如果我想加一個(gè)js，減一個(gè)js很方便，你就不用在去改模板了，如果模板多的話，你都要一個(gè)頁(yè)面，一個(gè)頁(yè)面去改的話，很煩人的。

如果用的不是smarty模板的話也是一樣，都可以拿出來(lái)的，如果沒(méi)用模板的話也是可以的，在這里只是表達(dá)一種思想。