vue实现路由懒加载

标签：vue demo dynamic syntax babel import js 路由 加载

1、安装插件@babel/plugin-syntax-dynamic-import 　　npm install –-save-dev @babel/plugin-syntax-dynamic-import 2、安装完成之后，打开babel.config.js文件，将@babel/plugin-syntax-dynamic-import配置到plugins数组当中       

 

3、将以下代码段的格式选择性地配置到router/index.js文件当中

{     path: '/demo',     name: 'demo',     component: () => import(/* webpackChunkName: "demo" */ '@/views/demo/demo'),   }
4、在vue.config.js里关闭prefetch       

 仅供参考，本人用这个方法解决了这个问题，有错误或更好的方法欢迎指出

标签：vue,demo,dynamic,syntax,babel,import,js,路由,加载
From： https://www.cnblogs.com/summer-qd/p/16953193.html