Vue addRoutes 動態路由打包問題

Vue中動態路由配置會因為vue-cli的版本不同，組件導入方式也有所不同

vue-cli 2.x 正確導入方式

//view 后台傳過來的組件路徑
const  loadView = (view) => {
  return resolve => require([`@/pages/${view}`], resolve);
}

vue-cli 3.x正確導入方式

//view 后台傳過來的組件路徑
const  loadView = (view) => {
  return () => import(`@/views/${view}`);
}

我曾遇到過一種情況，vue-cli4.5版本，開發環境正常，打包不正常之后，原因是打包之后的動態加載路由對應的頁面並沒有被打包，當時的寫法是這樣的

const  loadView = (view) => {
  return () => require(`@/pages/${view}`);
}

問題出在於require引入方式，正確應該把require改為import引入

require與import的區別 

https://juejin.cn/post/7014011266796617736