nginx_concat_module是淘寶開發的一個nginx的模塊,很是有用的模塊,安裝了此模塊,能夠讓咱們對js,css等文件進行合併,從而減小訪問網站的請求數。javascript
一、下載:淘寶下載地址:css
svn co http://code.taobao.org/svn/nginx_concat_module/trunk nginx_concat_modulehtml
二、安裝:java
./configure –prefix=/usr/local/nginx –user=www –group=www –with-http_stub_status_module –with-http_ssl_module –with-pcre –add-module=/root/nginx_concat_modulenginx
make && make installapp
咱們要注意的就是–add-module=/root/nginx_concat_module這一段,這裏的路徑就是你解壓concat.tar.gz的nginx_concat_module這個文件夾的路徑svn
三、配置:網站
你的須要實現文件合併的網站的配置文件加上spa
concat on;code
如我這個配置:
server {
listen 80;
server_name 192.168.1.100;
root /data/www/test;
index index.html;
location / {
concat on;
}
}
四、使用:
如今咱們在網站目錄下放置2個js文件,1.js和2.js
咱們能夠經過http://192.168.1.100/??1.js,2.js訪問,發現2個JS的文件都在咱們訪問的頁面裏面了;然 後咱們在網站根目錄下新建一個目錄abc,在目錄abc裏面放上3.js,而後咱們經過域名訪問http://192.168.1.100 /??1.js,2.js,abc/3.js訪問,3個js的內容都在咱們訪問的頁面上了,在這裏,你們注意下,咱們展現出來的頁面裏面內容的順序是和我 們訪問的文件的排序有關的,排在最前面的文件,就如今在最上面,依次排列,排在最後的文件就在最下面顯示出來。
五、注意:concat還有一些參數,你們能夠根據須要設置:
concat on; #nginx_concat_module模塊的開關
concat_max_files 10; #最大合併文件數
concat_unique on; #只容許同類型文件合併
concat_types text/html;#容許合併的文件類型,多個以逗號分隔。如:application/x-javascript, text/css