Vue懒加载与分组打包

vue 打包优化小知识点

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

import Test from '@/component/test1'

变为

const Test1 = r =>
  require.ensure([], () => r(rquire('../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')