vanilla JS：是否捆绑了模块

Question

给定一组模块模式的文件（一个主文件和多个子文件），

有没有一种方法可以检测模块是否捆绑在一起成为一个文件？ 在最后一种情况下，我将手动加载带有通过JS添加的头脚本src =“”标签的模块。

非捆绑文件用于开发，捆绑文件供生产使用。

编辑代码是ES 5！

我不考虑使用Browserify，Require等。

我用（非常基本的）gulpfiles汇编代码（使用concat，wrap）

有人有主意吗？

Answer 1

假设捆绑文件的名称中包含一些内容，以表明它是捆绑软件，则您可以检查加载了哪个脚本。 例如，如果您在开发模式下加载TopModule.js，在生产环境中加载TopLevel.min.js，则可以将此检测结果放入TopLevel模块中：

var isBundled = (function () {
    var src = '';

    if ('undefined' !== typeof (document.currentScript) && document.currentScript.src) {
        src = document.currentScript.src;
    }
    else {
        (function () {
            var allScriptElements = document.scripts || document.getElementsByTagName('script'),
                    i;

            for (i = 0; i < allScriptElements.length; ++i) {
                if (/(TopLevel(\.min)*)\.js/i.test(allScriptElements[i].src)) {
                    src = allScriptElements[i].src;

                    break;
                }
            }
        }());
    }

    return /\.min\.js/i.test(src);
}());