Загрузите JavaScript как модуль ES6 ИЛИ через тег скрипта на странице

Question

Совершенно новый для модулей JS любого вида.У меня есть простой ванильный сценарий JS, который предназначен для загрузки в HTML-документ с помощью тега сценария.В основном ...

// invoke main function when DOM is ready
document.addEventListener("DOMContentLoaded", function() {
    MainFunction();
});

var MainFunction = function() {
    // check for specific DOM nodes upon invocation...
}

Отлично работает.Но я хотел бы также иметь возможность сделать MainFunction доступным в качестве экспорта модуля, чтобы я мог импортировать его в пакет веб-пакетов, например:

import MainFunction from 'myclassicscript';

И затем я могу вызывать его по мере необходимости в главном окне.В комплекте:

MainFunction();

Как один и тот же скрипт может быть использован обоими способами.Кажется, я не могу найти какую-либо информацию о том, как это сделать, но у меня может быть совершенно неправильное представление.

Что-то вроде ...?

// check if this is a browser environment...
if (typeof window !== 'undefined') {

    // invoke main function when DOM is ready
    document.addEventListener("DOMContentLoaded", function() {
        MainFunction();
    });

}

var MainFunction = function() {
    // check for specific DOM nodes upon invocation...
}

// ???
export default MainFunction;