由於webpack將所有的文件合並到一個js文件。因此打包后的文件過大,導致網絡請求不暢。
今天嘗試了一下webpack打包。結果打出來3.6M。因為之前在本地測試的原因,一直用的webpack -w的命令。
即監控入口文件有無改動,若有改動,則自動編譯。
更改命令:webpack -p -w
webpack -p起到壓縮的作用。
結果為1.4M。
查閱了一下相關資料。果斷用nginx進行gzip壓縮。
進入 /usr/local/etc/nginx目錄下
打開編輯nginx.conf
配置如下:
gzip on;
gzip_min_length 1k;
gzip_buffers 16 64k;
gzip_http_version 1.1;
gzip_comp_level 6;
gzip_types text/plain application/javascript text/css application/xml;
gzip_vary on;
最后壓縮到282k。。