一般我們編譯出來angular4 項目，讓到nginx上用戶訪問，用戶加載資源的時候一般加載

正常情況加載出來項目的資源情況

我們看到 scripts.bundle.js文件大小 2.1M vendor.bundle.js 文件大小 5.1M

這樣用戶加載資源很多。

所以我們要優化用戶加載資源

我們需要配置nginx開啟gzip配置

修改nginx 配置文件

    gzip  on;
    //開啟Gzip

    gzip_static on;
    //gzip是否為壓縮之后的。如果沒有打包成gzip資源就去掉該行。

    gzip_min_length 1k;
    //不壓縮臨界值，大于1K的才壓縮，一般不用改

    gzip_buffers 4 16k;
    //buffer，不知道，反正不用修改

    gzip_comp_level 2;
    //壓縮級別，1-10，數字越大壓縮的越好，時間也越長，看心情隨便改吧

    gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
    //進行壓縮的文件類型，缺啥補啥就行了，JavaScript有兩種寫法，最好都寫上吧，總有人抱怨js文件沒有壓縮，其實多寫一種格式就行了

    gzip_vary on;
    //跟Squid等緩存服務有關，on的話會在Header里增加"Vary: Accept-Encoding"
    gzip_disable "MSIE [1-6]\.";
    //IE6對Gzip不怎么友好，不給它Gzip了

然后重啟nginx 服務

nginx處理之后的加載資源文件大小