vue中路由按需加载的几种方式
使用vue-cli构建项目后,我们会在Router文件夹下面的index.js里面引入相关的路由组件,如: import Hello from '@/components/Hello' import Boy from '@/components/Boy' import Girl from '@/components/Girl' 普通加载的缺点: webpack在打包的时候会把整个路由打包成一个js文件,如果页面一多,会导致这个文件非常大,加载缓慢 1、require.ensure()实现按需加载 语法: require.ensuire(dependencies:String[],callback:function(require),errorCallback:function(error),chunkName:String) vue中使用: const List = resolve =>{ require.ensuire([],()=>{ resolve(require('./list')) },'list') } ps:会报错,不知道如何解决,知道的朋友还请告知一下,报错内容如下: 2、vue异步组件技术 在router中配置,使用这种方法可以实现按需加载,一个组件生成一个js文件 vue中使用: { path: '/home', name: 'home', component