Question

任何类型的JS模块都相当新。我有一个简单的vanilla 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;

将javascript加载为ES6模块或通过页面中的脚本标记加载

0 个答案: