vue项目中异步加载组件

[fncheng]

使用webpack 异步加载组件

export default {
  components: {
    /**
     * webpack 异步加载组件
     * 只在组件被使用时才会加载，可以在network中看到
     * 通过webpackChunkName可以给打包的组件chunk自定义名称
     */
    componentA: () =>
      import(/* webpackChunkName: "List" */ './components/componentA')
  },
}