webpack动态引入vue文件的问题

Question

我是根据后端传给我不通的参数来判断需要引入哪一个vue组件，也就是说在webpack已经打包之后 我才会知道 我需要哪个vue文件并且加载他，现在的问题是。
我使用了 Vue.component(this.style, () => import(`themes/${this.style}.vue`)) this.style是后端传来的参数。我这样做了以后， webpack会把我themes文件夹下的所有vue文件都打包成了一个文件，就比如现在 themes文件夹下有 a.vue 和 b.vue，打包之后的页面上生成的js文件中，包括了这两个vue文件的代码，但是我此时的this.style参数是a.vue。
所有请问各位 怎么样才能只打包我动态参数传过来的那个vue文件。

Answer 1

知道了，使用require.ensure(dependent, fn, alias)

Answer 2

这个能打包吗，不是打包好了上传服务器。然后在用户访问的时候还能打包？我觉得不行

Answer 3

打包的时候this.style没有定义吧, 换成if else试试

Answer 4

能具体说说怎么做的吗？我恰好也遇到类似的问题。我是想把A项目中的组件打包传到服务器，在B项目中发布之后动态的获取，并作为组件显示