路由按需加载方案,两种:
在router.js文件中修改路由,
- 1、利用Promise语法实现路由按需加载方案,不用安装插件
- 2、利用import语法实现路由按需加载方案,需要安装@babel/plugin-syntax-dynamic-import插件
执行命令行:
npm i @babel/plugin-syntax-dynamic-import --save
npm i babel-plugin-component --save
{
path: '/product/:id',
name: 'product',
/*利用Promise语法实现路由按需加载方案,不用安装插件
component: resolve => require(['./pages/product.vue'],resolve),
*/
//利用import语法实现路由按需加载方案,需要安装babel/plugin-syntax-dynamic-import插件
component: () => import('./pages/product.vue')
}