javascript - systemJS 的相对动态加载，使用 ES6/Babel 语法

Question

我有一个用纯 ES6 编写的模块，我想在单独的 Web 应用程序中使用它。该模块的入口点是 main.js 并包含以下内容：

main.js

export { A } from './a';
export { B } from './b';
export { C } from './c';

当我使用 systemJS 导入 thismain.js时，它会尝试将这些依赖项解析到 Web 应用程序本地，而不是模块。

获取http://localhost:9000/dist/a.js 404（未找到）

我看到已经支持相对动态加载，但它涉及向函数传递一个额外的System.import函数，我没有使用它——我使用的是 ES6 语法。

有没有关于如何做到这一点的示例或最佳实践？谢谢，麻烦您了。

score 1 · Accepted Answer

最好的方法是破解*您的config.js文件。我们需要使用 systemjs 注册一个新的“存储库”，它指向文件系统库的位置。为此，我们将以下行添加到我们的config.js.

System.config({
  "map": {
    ...
    "lib": "path/to/lib/main"
    ...
  }
});

当 systemjs 尝试加载lib时，它会找到地图条目并加载lib相对于该位置的所有依赖项。如果库位于不合理的遥远位置，则在应用程序中创建指向库的目录符号链接可能很有用。

1 回答 1