vue項目最近在項目打包上線后發現首頁加載特別慢，大概有100個組件
引入方式：
如果用import引入的話，當項目打包時路由里的所有component都會打包在一個js中，造成進入首頁時，需要加載的內容過多，時間相對比較長。
當你用require這種方式引入的時候，會將你的component分別打包成不同的js，加載的時候也是按需加載，只用訪問這個路由網址時才會加載這個js。
你可以打包的時候看看目錄結構就明白了。
這里可以使用require 懶加載：component: resolve => require(['@/view/index.vue'], resolve)
require: 運行時調用，理論上可以運用在代碼的任何地方，
import：編譯時調用，必須放在文件開頭
懶加載：component: resolve => require(['@/view/index.vue'], resolve)
用require這種方式引入的時候，會將你的component分別打包成不同的js，加載的時候也是按需加載，只用訪問這個路由網址時才會加載這個js
非懶加載：component: index
如果用import引入的話，當項目打包時路由里的所有component都會打包在一個js中，造成進入首頁時，需要加載的內容過多，時間相對比較長
vue的路由配置文件(routers.js)，一般使用import引入的寫法，當項目打包時路由里的所有component都會打包在一個js中，在項目剛進入首頁的時候，就會加載所有的組件，所以導致首頁加載較慢，
而用require會將component分別打包成不同的js，按需加載，訪問此路由時才會加載這個js，所以就避免進入首頁時加載內容過多。
原文鏈接：https://blog.csdn.net/weixin_37380784/java/article/details/99671933