【vue懒加载】使用Vue异步组件配合webpack代码分割实现懒加载

Vue异步组件

components: {
    headerNav: (resolve) => {
      setTimeout(() => {
        resolve(require('@/components/header'))
      }, 1000)
    }
  },

webpack代码分割(2.x版本)

// 写法一
const Layout = (resolve) => {
  return require.ensure([], () => {
    resolve(require('@/views/layout'))
  })
}

// 写法二
const Layout = (resolve) => {
	return import('@/views/layout')
}