javascript - JSPM bundle 与 requireJs 的混淆

Question

我是 jspm 的新手。我有requrieJs背景。

jspm 在捆绑时是否将所有依赖项编译成一个大文件？像 jquery、jquery-ui、bootstrap、数据库到项目中使用的其他 50 个 plguins？

如果是，那么好处是什么？像 requrieJs 那样在需要时获取项目不是更快吗？

Answer 1

默认情况下 jspm 不会捆绑您的依赖项。每个依赖项都是单独导入的。因此，如果您有三个文件，例如 main.js、smth.js 和 jquery.js，一旦调用 System.import，jspm 就会一一要求它们。对于静态依赖项(如 ES6 模块)，它发生在代码执行之前。但您也可以在运行时需要额外的模块。

背后的想法是 HTTP/2 并不真正需要捆绑。 jspm 知道整个依赖关系树，它可以并行请求所有依赖关系。然后所有文件都将通过相同的网络连接传递，这应该与您在构建时捆绑它们非常相似。

但是由于 HTTP/1 仍然很常见，jspm 提供了捆绑和构建 CLI。但这些命令默认情况下仅将所有内容放入一个大文件中。该过程是高度可配置的。您可以排除某些依赖项(例如 jquery)并将它们放在单独的包中，甚至可以从 CDN 加载 jquery。请参阅https://jspm.io/docs/production-workflows.html#creating-a-bundle有关如何排除/包含模块的更多信息。