Loading

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

  

posted @ 2022-01-13 17:51  冯叶青  阅读(1273)  评论(0编辑  收藏  举报