vue 项目按需加载配置

今天在沟通业务需求的时候，无意中发现了小伙伴的代码和平常写的有些区别，上代码
这里是他的代码，

import Home from '@/pages/Home'
const Error = ()  => import('@/pages/Error')
const Lesson = () => import('@/pages/Lesson')
const Preview = () => import('@/pages/Preview')
const Report = () => import('@/pages/Report')

这是以前常用的代码

import Home from '@/pages/Home'
import Error from '@/pages/Error'
import Lesson from '@/pages/Lesson'
import Report from '@/pages/Report'

我对比了下编译后的情况
多了一些文件，猜测一下，应该是会按需加载，
vue 项目按需加载配置
在dev 访问一下果不其然，不同的路由会获取不同的js文件

虽然说整体变大，这种按需加载还是蛮简单的（相比react），小伙伴们我今天又get了新技能。
vue项目按需加载

vue 项目按需加载配置

相关推荐