请问es6中怎么动态引用模块

Question

我需要根据当前的路由参数pageId加载模板，想这样写

import page from '../blog/h/' + pageId

可是这样是有问题的，由于是最近开始学习es6，对这些还不太熟悉，请问我该怎么写，或者有没有参考资料可以看看的，我看过阮一峰老师那个入门手册，但是还是找不到答案。

下面这样写是可以的：

<template>
  {{pageId}}
  {{{page}}}
</template>

<script>
import marked from 'marked'
import b1 from '../blog/h/20160519'

export default {
  data () {
    return {
      pageId: this.$route.params.pageId
    }
  },
  components: {
    b1
  },
  created () {
    this.page = marked(b1.template)
  }
}
</script>

Answer 1

如果你要用ES6的import，那“动态”拼一个路径的需求就别想了，因为ES6的模块化就是强制静态化，有兴趣可以Google一下为什么要静态化，以及好处。

Answer 2

兄弟，别纠结，动态请使用 let xx = require('xx').default 即可

Answer 3

这个问题最终解决了，用的是require引入vue文件，通过template获取内容插入到内容页。

Answer 4

使用import()函数

Answer 5

你好遇到同样的问题 。请问如何解决的 有代码可以给我看一下么