欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue按需加载组件-webpack require.ensure

程序员文章站 2022-07-14 20:39:22
...
  • 在看别人的项目的时候看到这样一段路由代码
import App from '../App'

export default [{
    path: '/',
    component: App,
    children: [{
        path: '',
        component: r => require.ensure([], () => r(require('../page/home')), 'home')
    }, {
        path: '/item',
        component: r => require.ensure([], () => r(require('../page/item')), 'item')
    }, {
        path: '/score',
        component: r => require.ensure([], () => r(require('../page/score')), 'score')
    }]
}]

一开始不知道为什么这样注册路由,后来查资料才知道这是路由懒加载的写法。

	webpack中利用require.ensure()实现按需加载

具体参考这篇文章
(https://blog.csdn.net/qq_27626333/article/details/76228578)