开发用于缩小的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中有一堆函数/类，则必须在缩小之前将整个混乱封装在一个自执行函数中。