今天在沟通业务需求的时候,无意中发现了小伙伴的代码和平常写的有些区别,上代码
这里是他的代码,
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'
我对比了下编译后的情况
多了一些文件,猜测一下,应该是会按需加载,
在dev 访问一下果不其然,不同的路由会获取不同的js文件
虽然说整体变大,这种按需加载还是蛮简单的(相比react),小伙伴们我今天又get了新技能。
vue项目按需加载