VueJS：动态导入（sass）文件（从变量，可能是 process.env）

Question

如何从环境变量中导入动态文件？

我的范围是将特定客户端的通用主题 scss 包含到我的 app.vue（或 main.ts）中

我想做这样的事情：

<style lang="sass">
  @import"./themes/" + process.env.VUE_APP_CLIENT + "/assets/scss/theme.scss";
</style>

或

import "./themes/" + process.env.VUE_APP_CLIENT + "/assets/scss/theme.scss";

我怎样才能做到这一点？

如果我通过 import（在 main.ts 顶部）进行操作，它会显示

对象可能是“未定义”。

如果我通过 <style> 和 @import（在我的 app.vue 中）进行操作

未定义 ^ 媒体查询表达式必须以 '('

知道怎么做吗？

Answer 1

所以，在检查了网络在 ES6 中动态导入模块后，我发现 this thread 建议像函数一样使用 import()，它工作正常：

import("./themes/" + process.env.VUE_APP_CLIENT + "/assets/scss/theme.scss");