javascript - 如何使用 Require JS 管理非 AMD 依赖项？

Question

我尝试管理一个没有 AMD 支持的库，它依赖于其他 3 个 JS 文件 (https://github.com/auguSTL/js-epub)。

我必须按以下顺序包含文件:

<script type="text/javascript" src="zip/jszip.js"></script>
<script type="text/javascript" src="zip/jszip-load.js"></script>
<script type="text/javascript" src="zip/jszip-deflate.js"></script>
<script type="text/javascript" src="zip/jszip-inflate.js"></script>

目前我尝试通过 shim 来处理依赖关系:

shim {

      "zip/jszip": {
        "deps": ["zip/jszip-deflate", "zip/jszip-inflate", "zip/jszip-load"],
        "exports": "JSZip"
      }
}

但脚本包含的顺序错误。我该如何管理？

最好的问候，希约兰

Answer 1

deps 依赖数组定义了需要在填充脚本之前加载的脚本。您的 shim 声明是错误的方法:您需要对依赖 jszip 的模块进行 shim 并将 jszip 列为它们的依赖项。

shim: {
  "zip/jszip": {
    "deps": [],
    "exports": "JSZip"
  },
  "zip/jszip-load": {
    "deps": ["zip/jszip"],
    "exports": "JSZip"
  },
  "zip/deflate": {
    "deps": ["zip/jszip"],
    "exports": "JSZip"
  },
  "zip/inflate": {
    "deps": ["zip/jszip"],
    "exports": "JSZip"
  }