vue-router路由懶加載(解決vue項目首次加載慢)

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

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

爲何須要懶加載?webpack

    像vue這種單頁面應用,若是沒有應用懶加載,運用webpack打包後的文件將會異常的大,形成進入首頁時,須要加載的內容過多,時間過長,會出啊先長時間的白屏,即便作了loading也是不利於用戶體驗,而運用懶加載則能夠將頁面進行劃分,須要的時候加載頁面,能夠有效的分擔首頁所承擔的加載壓力,減小首頁加載用時web

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

如何實現?spa

    懶加載寫法:htm

        

  非懶加載的路由配置:blog

        

  

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

     以下圖:路由

          

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

相關文章
相關標籤/搜索