使用SystemJs和jspm的非模块化库

Question

要使用systemJs和jspm将ngDraggable包含到项目中，我们需要在package.json中添加覆盖，如下所示：

 "overrides": {
      "github:fatlinesofcode/ngDraggable@0.1.8": {
        "dependencies": {
          "angular": "jspm:angular@1.5.3"
        },
        "shim": {
          "ngDraggable": [
            "angular"
          ]
        }
      }
    }

我们两次提到ngDraggable依赖于angular。此外，jspm创建的config.js文件也提到了这个

 "github:fatlinesofcode/ngDraggable@0.1.8": {
      "angular": "github:angular/bower-angular@1.5.3"
    },

为什么systemJs和jspm需要在很多不同的地方提到这个？

Answer 1

由于依赖和 shim.deps 执行不同的操作，因此不是两次。

shim deps实际修改了ngDraggable文件并添加了“deps angular”语句。这允许您分别指定每个文件依赖项。