首页 > vue异步组件加载问题?

vue异步组件加载问题?

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

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

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


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

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

目前的一个解决方法

【热门文章】
【热门文章】