vue移動端專案部署之後，第一次載入頁面的時候過慢，不一定非得首頁載入慢，直接訪問某個元件載入速度很慢的解決方案

vue按需載入元件 ----3種方法

1. vue非同步元件技術

2. es6提案的import()

3.vue按需載入元件-使用webpack require.ensure

Vue 打包優化方案（解決 vendor.js 過大的問題）

當打包構建應用時，JavaScript 包會變得非常大，影響頁面載入。

一、路由懶載入：

把不同路由對應的元件分割成不同的程式碼塊，然後當路由被訪問的時候才載入對應元件，這樣就更加高效了。

參考連結：

1. https://router.vuejs.org/zh/guide/advanced/lazy-loading.html

二、不打包第三方庫：

減少 vendor.js 的體積，從本質上來解決這種問題。

參考連結：

1. https://segmentfault.com/a/1190000016309142
2. https://blog.csdn.net/LonewoIf/article/details/87777367

將 vue.js 不打包

externals: {
    'vue': 'Vue'
}
效果對比

加入 vue.js  

 
不加入 vue.js    

vendor.js（當前包含 vue-router.js），設定 vue.js不加入打包後，vendor.js 檔案過大問題得到根治。除了vue.js，還有其它第三方庫，比如element-ui，layer等優秀的外掛和框架都可以通過這種方式來解決。

實現效果如圖，將第三方庫從打包中剔除，將從cdn中獲取相應的資料

實現程式碼如下

去掉import 和use 將不打包第三方庫中的資源

將sourceMap改為false，減