1. 程式人生 > >vue-router路由懶加載

vue-router路由懶加載

簡單的 href mib blog 找到 打包 首頁 OS com

懶加載:----------------------------------------------------?

    也叫延遲加載,即在需要的時候進行加載,隨用隨載。

為什麽需要懶加載?

    像vue這種單頁面應用,如果沒有應用懶加載,運用webpack打包後的文件將會異常的大,造成進入首頁時,需要加載的內容過多,時間過長,會出啊先長時間的白屏,即使做了loading也是不利於用戶體驗,而運用懶加載則可以將頁面進行劃分,需要的時候加載頁面,可以有效的分擔首頁所承擔的加載壓力,減少首頁加載用時

    簡單的說就是:進入首頁不用一次加載過多資源造成用時過長!!!

如何實現?

    懶加載寫法:

        技術分享圖片

  非懶加載的路由配置:

        技術分享圖片

  

還有一點:是我遇到的如果你遇到了就看下——就是用了懶加載後打完包直接運行那個index.html會報錯,報文件引用錯誤其實是打包時候路徑配置有點問題修改下就好了

     如下圖:

     技術分享圖片     

  找到build下面的webpack.prod.conf.js 添加 publicPath:"./",

轉自:李俊濤的博客

vue-router路由懶加載