Vue.js中动态导入文件

Question

以下是我使用的可以运行的代码。

var Index = require('./theme/dir1/index.vue');

但我希望像这样使用它，

var path = './theme/'+variable+'/index.vue';
var Index = require(path);

对我来说不起作用，有没有办法解决这个问题。

- Vishal Dodiya

---

@moáois变量在路径之前被定义。 - Vishal Dodiya

@moáois 顺便说一下，我正在使用 webpack 作为依赖管理器。 - Vishal Dodiya

这不是import，而是require。命名不太合适。 - geoidesic

Answer 1

试试这个，应该可以解决问题：

var Index = require(`./theme/${variable}/index.vue`);

- Mayank Shukla

---

but braces not needed - Vishal Dodiya

大括号是内部的还是外部的？你能展示一下你正在使用什么吗？ - Mayank Shukla

var Index = require(\./theme/${variable}/index.vue`);` - Vishal Dodiya