如何在JSPM中使用angular-ui-bootstrap的子功能？

当然，没有必要加载整个angular-ui-bootstrap库（〜500k包含模板，tpls）只是为了使用一些特性。如何在JSPM中使用angular-ui-bootstrap的子功能？

我只需要下拉菜单和popover（现在）。

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

2016-02-29 Droritos

一个直接解：

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

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

更幼稚/更好的解决方案：

JSPM 0.17（目前处于测试作为2016年2月29日）利用Rollup在其构建工具，其执行树摇动到减少您的依赖关系的足迹。我还没有试验过看到在谈论CommonJS模块时这是不是有效的。

2016-02-29 17:59:33 ebpa

现在就采取直接解决方案。谢谢！您应该更新您的答案与模块依赖不再“ui.bootstap”了，而只是使用的模块; “ui.bootstrap.dropdown”和“ui.bootstrap.popover”。 – Droritos

ahh对不起，“ui.bootstrap.module.dropdown”和“ui.bootstrap.module.popover”。 – Droritos

我认为您可能会混淆角度使用的模块名称与JSPM使用的ES6模块名称/路径。不幸的是，JSPM无法理解什么角度被称为“模块”。我应该限定我的答案，以解释导入库的主模块时可能无法（/有效）角度树状抖动，因为组件的使用不是静态可分析的。 – ebpa

回答