路由懶加載 在開發環境中致使更新代碼時間變長得解決方案

1.路由懶加載 大項目中的路由懶加載不適用於開發環境（會致使保存代碼時熱更新代碼時間很長20s左右），咱們須要配置不一樣環境下的路由配置，目錄以下

在 router/ 文件夾中加入2個文件夾：

_import_development.js

module.exports = file => require('@/' + file + '.vue').default
複製代碼

_import_production.js

module.exports = file => resolve => require(['@/' + file + '.vue'], resolve)
複製代碼

index.js

const IMPORT = require('./_import_' + process.env.NODE_ENV + '.js');
複製代碼

組件引入時寫入：

component: IMPORT('pages/mainPage')  //  組件
複製代碼

這樣在開發環境時編譯代碼時間會大大加快，在生產環境也會使用到懶加載的路由，減少首屏加載的體積，看下效果

18.7s → 4.35s 大概優化了76%的時間。