vue异步组件加载问题？

Question

将多个tab做为异步组件，在加载第一个tab时，为什么同目录的其他tab异步组件都会被打包进来？

  $('.ui.top.attached.tabular.menu .item').tab({
     //在每次tab被点击时才去加载组件。
    onVisible (index) {
      Vue.component('basicInfo', function (resolve, reject) {
        require(['./basicInfo'], resolve)
      })
    }
  })

Answer 1

听你的话，用的应该是webpack，那你需要看这个context：

Answer 2

//bundle-loader 插件
import basicInfo from 'bundle?lazy!./basicInfo'

  Vue.component('basicInfo', function (resolve, reject) {
    basicInfo(function(file) {
      resolve(file)
    });
  })

目前的一个解决方法