javascript - 将 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作为模块导出提供，以便我可以将其导入到 webpack 包中，例如：

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;

标签： javascriptmodulees6-modules