如何在 JSPM 中使用 angular-ui-bootstrap 的子特征？

Question

当然，不需要加载整个 angular-ui-bootstrap 库（约 500k 模板，tpls）只是为了使用一些功能。

我只需要下拉菜单和弹出窗口（目前）。

使用 JSPM，我如何才能单独依赖该功能，或引用我制作的 custom-built 文件？

Answer 1

直接解法：

您可以使用标准模块语法直接从定义它们的模块中导入组件。对于那些组件：

import 'angular-ui-bootstrap/src/dropdown/index.js';
import 'angular-ui-bootstrap/src/popover/index.js';

一个更天真的/更好的解决方案：

JSPM 0.17（截至 2016-02-29 目前处于测试阶段）在其构建工具中使用 Rollup，该工具执行 tree-shaking 以减少依赖项的占用空间。我还没有试验过这在争论 CommonJS 模块时开箱即用的效果如何。