vue中路由按需加载的几种方式

使用vue-cli构建项目后，我们会在router文件夹下面的index.js里面引入相关的路由组件，如：

import home from ‘@components/home’

普通加载的缺点：

webpack在打包的时候会把整个路由打包成一个js文件，如果页面一多，导致这个文件非常大，加载缓慢，所以就用到了我们的按需加载

vue异步加载

	{
		path: '/home',
		name: home,
		component: resolve => require(['../components/home'], resolve)
	}

es 提案import

	下面两行代码，没有指定webpackChunkName,每个组件打包成一个js文件
	const test1 = () => import('@components/test1')
	const test2 = () => import('@components/test2')
	
	下面两行代码，指定了相同的webpackChunkName,会合并打包成一个js文件
	const test1 = () => import(/* webpackChunkName: 'test1'*/ '@components/test1')
	const test2 = () => import(/*webpackChunkName: 'test2'*/ '@com