开发者社区> 问答> 正文

vue如何实现按需加载配合webpack设置

vue如何实现按需加载配合webpack设置

展开
收起
问问小秘 2020-02-17 17:13:49 1246 0
1 条回答
写回答
取消 提交回答
  • webpack中提供了require.ensure()来实现按需加载。以前引入路由是通过import 这样的方式引入,改为const定义的方式进行引入。

    不进行页面按需加载引入方式:import home from '../../common/home.vue' 进行页面按需加载的引入方式:const home = r => require.ensure( [], () => r (require('../../common/home.vue')))

    在音乐app中使用的路由懒加载方式为:

    const Recommend = (resolve) => { import('components/recommend/recommend').then((module) => { resolve(module) }) }

    const Singer = (resolve) => { import('components/singer/singer').then((module) => { resolve(module) }) }

    2020-02-17 17:14:22
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
Vue.js 在前端服务化上的探索与实践 立即下载
Vue.js在前端服务化上的实践与探索 立即下载