Как избежать выполнения не импортированных экспортов с помощью Webpack?

Question

У меня есть своего рода циклическая зависимость с использованием Webpack, и я хочу знать, могу ли я исправить это без изменения импорта.

У меня есть FILE_A:

import {named_export} from 'FILE_B';

let x = do_stuff_with(named_export);
export default x;

и FILE_B

import x from 'FILE_A';

export named_export = 'Something'
export default something_that_depens_on(x);

Моя проблема в том, что когда я импортирую {named_export} в FILE_A, он также запускает выполнение something_that_depens_on(x) в FILE_B, и мой код прерывается, поскольку x равен undefined.

Существует возможность импорта named_export без запуска оценки других строк кода в FILE_B, или мне нужно создать новый файл только для экспорта named_export?

Answer 1

Вы можете сделать это по-другому, вместо того, чтобы FILE_A взяла named_export из FILE_B, вы можете вызвать функцию из FILE_B, передав переменную внутри FILE_B.

// FILE_A
export function do_stuff_with(named_export) {
  const x = "test";
  return x;
};

// FILE_B
import {do_stuff_with} from 'FILE_A';
const named_export = 'Something';
const x = do_stuff_with(named_export)
export something_that_depens_on(x);