開發用於縮小的JavaScript

Question

我已經閱讀了幾個答案，但我想知道實現以下目標的最佳方法-

我有一個委員會提供小部件類型的javascript工具，我的客戶將在其中包括腳本，為div提供一個ID，小部件將負責加載自身。

到目前為止，我已經將小部件拆分為多個文件以保持一致（因為客戶希望能夠更改源代碼並縮小規模）。 我使用$ .load和附加到腳本標簽的回調方法之類的機制來檢查是否存在庫，如果不存在，則包括它們。

如何在保持最小化的同時保持此功能和一致性？ 我認為擁有6或7個縮小的文件無法達到目的，但是如果我的邏輯要求包括多個庫並鏈接到其他源文件，那么我肯定不能僅僅縮小為一個文件嗎？

Answer 1

您的庫都應該已經縮小，或者像這樣可用，並且您的應用應該駐留在單個對象中。 通常：

FILE自舉

// Create Global "extend" method
var extend = function(obj, extObj) {
    if (arguments.length > 2) {
        for (var a = 1; a < arguments.length; a++) {
            extend(obj, arguments[a]);
        }
    } else {
        for (var i in extObj) {
            obj[i] = extObj[i];
        }
    }
    return obj;
};

FILE-A

window.APP=window.APP||{};

extend(window.APP,{
  //subsystem A functionality
  subsystemA:{
  }
});

FILE-B

window.APP=window.APP||{};

extend(window.APP,{
  //subsystem B functionality
  subsystemB:{
  }
});

FILE-Z

window.APP.boot();

因此，您只需合並文件並縮小。 如果您在Global中有一堆函數/類，則必須在縮小之前將整個混亂封裝在一個自執行函數中。