如何在此动态导入中访问数据？

Question

如何处理动态导入的对象？

我在package.json中有这个

process.env.VUE_APP_CONFIG='./specialconfig/config.js'

在Vue组件中，我有：

const myobj = import(process.env.VUE_APP_CONFIG)

config.js完全包含其中：

export const cat = {
  name: “Bob”,
}

如果我在vue组件中进行console.log记录，则它将返回一个承诺并解决，并且我可以看到数据。解决和使用config.js中属性的最佳方法是什么？

Answer 1

您可以使用Promise的then方法来解决它。

import(process.env.VUE_APP_CONFIG).then(myobj => {
  console.log(myobj);
}); 

或使用async / await语法将Promise中的值存储在变量中，并在同一函数范围内使用。

(async () => {
  const myobj = await import(process.env.VUE_APP_CONFIG);
  console.log(myojb);
});

两个选项都同样有效。其余的一切都取决于偏好。