Как получить доступ к данным в этом динамическом импорте c?

Question

Как вы обрабатываете объекты, которые динамически импортируются?

У меня есть это в пакете. 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”,
}

Если я console.log это в компоненте vue, он возвращает обещание и разрешается, и я вижу данные. Каков наилучший подход к разрешению и использованию его свойств в конфигурации. js?

Answer 1

Вы можете разрешить его с помощью метода then Обещания.

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

Или использовать синтаксис async / await, чтобы сохранить значение из Обещания в переменной и использовать его в одной и той же области действия.

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

Оба варианта одинаково эффективны. Остальное все сводится к предпочтениям.