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

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM