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 中动态导入模块的网络后，我发现了这个线程，它建议只使用 import（） 作为函数，并且它工作正常：

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