未壓縮前的

壓縮后的

那么如何壓縮的呢，接著往下看

1.首先在config/index.js里把productionGzip設(shè)置為true（以生產(chǎn)環(huán)境為例）

2.配置Nginx

找到nginx.config

http {

????gzip on; #開(kāi)啟或關(guān)閉gzip on off

????gzip_static on;#是否開(kāi)啟gzip靜態(tài)資源

????gzip_disable "msie6"; #不使用gzip IE6

? ? gzip_min_length 100k;? #gzip壓縮最小文件大小，超出進(jìn)行壓縮（自行調(diào)節(jié)）

? ? gzip_buffers 4 16k; #buffer 不用修改

? ? gzip_comp_level 3;? #壓縮級(jí)別:1-10，數(shù)字越大壓縮的越好，時(shí)間也越長(zhǎng)

? ? gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;? #? ? ? ? 壓縮文件類型? ?

????gzip_vary off;? ? ? #跟Squid等緩存服務(wù)有關(guān)，on的話會(huì)在Header里增加 "Vary: Accept-Encoding"

}

這里的gzip_static是設(shè)置靜態(tài)壓縮用的，具體功能可以自行百度下。

3.重啟Nginx，完活。

支持gzip的會(huì)有這么一個(gè)屬性，一目了然