vue懒加载require加载component报错？

Question

vue使用懒加载，动态加载component报错？

定义function

const fn = (r, path, chunkname) => {
  return (nextState, cb) => {
    require.ensure([], function () {
      cb(null, r(path).default)
    }, `${chunkname}`)
  }
}

调用

  let component = r => fn(r, item, parent)

找了很多资料，似乎是require引用变量就会报错。
或者有大神，有vue路由动态路由实现懒加载的？

Answer 1

这应该是webpack打包的时候判断不了你需要动态加载的内容吧。因为这些内容是webpack执行的时候就需要的，它需要这些去生成对应的模块包
如果你需要在循环里面动态加载，你需要至少把需要循环的数据列出来，让webpack读取到。
这些数据必须是静态的，可以是一个JSON文件之类的
如果是后台加载的列表的话，是没办法动态加载的