webpack打包優化之react-router路由分割


 

  我們在用react全家桶做項目打包出來的文件是全部打包在一起的,(js一個文件,css一個文件),這樣進入首頁之后全部加載出來。這樣在一個小的項目時沒有問題,但是在手機端或者是在pc端比較大的項目,首屏加載時間很慢見識一個很大的問題,會影響用戶的使用體驗,那么接下來講一線解決方法

  首先想一下要如何解決,要是首屏只加載一些必要的資源,在路由變化時在加載相應的打包文件,這樣就可以了。那要如何做呢,這就要來說以下路由分割了,路由分割就是根據路由打包出相應的包,然后在路由變換時在加載這個路由對應的包。接下來說一下代碼如何試下路由分割。

---未完待續---


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM