Vue 懒加载 分组打包

来源:互联网 发布:软件项目问题清单 编辑:程序博客网 时间:2024/05/29 16:35

参考文档 : http://blog.csdn.net/yangbingbinga/article/details/61417689

在vue-router的index.js文件中
将原来的组件引入方式改变如下:

import Test1 from '@/components/test1';

变为

const Test1 = r => require.ensure([], () => r(require('../components/test1')), 'chunkname1');

示例代码:

const HelloWorld = r => require.ensure([], () => r(require('../components/HelloWorld')), 'chunkname1');const Test1 = r => require.ensure([], () => r(require('../components/test1')), 'chunkname1');const Test2 = r => require.ensure([], () => r(require('../components/test2')), 'chunkname3');

这里写图片描述

原创粉丝点击