1. 程式人生 > >webpack打包導致App.js很大,訪問頁面的時候會很慢的問題解決【vue-cli3打包】

webpack打包導致App.js很大,訪問頁面的時候會很慢的問題解決【vue-cli3打包】

問題說明:打包導致 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秒。