香草JS：模塊捆綁或不

Question

給定一組模塊圖案化文件（主之一，和各種潛艇）的，

是有辦法來檢測，如果模塊被捆綁在一起成爲一個單一的文件或不？在最後一種情況下，我將通過JS手動加載帶有頭腳本src =「」標籤的模塊。

非捆綁文件用於開發，捆綁的文件用於生產用途。

編輯代碼是ES 5！

我不考慮使用Browserify，要求或等等...

我組裝我的代碼（很基本的）gulpfiles（使用CONCAT，包裝）

人有一個想法？

Answer 1

假設您的捆綁文件在名稱中包含某些內容以表明它是捆綁包，您可以檢查哪個腳本已加載。例如，如果你在加載生產在開發模式TopModule.js和TopLevel.min.js就可以把該檢測頂層模塊中：

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); 
}());