Импортировать только статическую переменную из модуля ES6

Question

У меня есть файл common.js, который содержит общие переменные и методы, используемые в моем приложении, такие как модуль nav-bar (nav-bar.js) и некоторые другие.

Как правило, каждый модуль в моем приложении должен импортировать весь модуль common.js, кроме модуля входа в систему. Для этого просто нужна одна из констант, определенных в common.js.

Если я использовал именованный импорт, чтобы сделать что-то вроде:

$ import {RestURL} from "./common";

Я понимаю, что да, я могу использовать RestURL const внутри моего модуля входа в систему, но импортируются также все модули, импортированные в common.js, включая модуль nav-bar, который выполняет код, который я не хочу выполнять .

Интересно ... В любом случае можно ли импортировать ТОЛЬКО соответствующую переменную RestURL, как статическую переменную, без запуска всего кода common.js, то есть без импорта всех модулей, импортированных из файла common.js, такого как nav модуль -bar.js?

Спасибо !!!

// -- common.js ---------------------------------------------------
import '../inc/nav-bar';        // NAV-BAR JS

export const RestURL = {
    login:          '/services/b2b/v2/login',
}
// -- end of common.js module -------------------------------------



// -- login.js ----------------------------------------------------
import {RestURL} from "./common";

console.log(RestURL.login);
// -- end of login.js module --------------------------------------

Мне нужно использовать RestURL const внутри модуля login.js, но я не хочу, чтобы nav-bar.js был импортирован, так как внутри него есть код, который мне не нужно показывать при загрузке login.js. Используя названный подход импорта, мне удается получить доступ к const RestURL, но модуль nav-bar также загружен ...: (

Answer 1

Вы можете разбить модули на два и импортировать в оба модуля.

// -- const.js ---------------------------------------------------

export const RestURL = {
    login:          '/services/b2b/v2/login',
}
// -- end of const.js module -------------------------------------


// -- common.js ---------------------------------------------------
import '../inc/nav-bar';        // NAV-BAR JS
import {RestURL} from './const.js'

// -- end of common.js module -------------------------------------




// -- login.js ----------------------------------------------------
import {RestURL} from './const.js'

console.log(RestURL.login);
// -- end of login.js module ----