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"
      }
}

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

最好的问候， hijolan

Answer 1

deps依赖项数组定义了需要在填充脚本之前加载的脚本。您的 shim 声明是错误的方法：您需要填充依赖于 jszip 的模块并将 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"
  }