webpack打包導致App.js很大,訪問頁面的時候會很慢的問題解決【vue-cli3打包】
阿新 • • 發佈:2018-11-17
問題說明:打包導致 js 很大,然後訪問特別慢。
我把 vue-cli 升級成了 vue-cli3之後打包就有兩個js,並且體積相當大,導致釋出後訪問的速度超級慢。
之前打包都是分了很多個小的js,具體是因為沒有配置還是因為什麼。暫時不清楚。如果你有好的辦法可以在下面留言。
解決這個問題,有兩種辦法:
一:打包gzip (只需要在nginx.conf 裡面配置一下就可以了,具體程式碼放在下面了直接複製貼上就好)
gzip on; gzip_min_length 1000; gzip_proxied expired no-cache no-store private auth; gzip_types text/plain application/xml application/javascript;
第二種:使用 CDN 加速
簡單來說,就是把你的 js 放在快速的伺服器上。
我是把我的 兩個 js 放在了 七牛雲伺服器上。然後去修改你的 index.html,把引用的位置改成 七牛雲的地址
說明:其實第一種方法不怎麼適合你的js過大,比如我的 js 是 8M,用第一種方法的效果太不明顯。第二種方法效果特別明顯。
我最開始訪問頁面 大概 5分鐘,用了第一種方法3分鐘。 第二種方法,3秒。