使用汇总和外部依赖项部署 Angular 2 应用程序 Aot答案

【问题标题】：Deploying angular 2 app Aot with Rollup and external dependencies使用汇总和外部依赖项部署 Angular 2 应用程序 Aot
【发布时间】：2017-03-18 08:24:42
【问题描述】：

我已经实现了一个使用Kendo UI Grid的angular 2应用程序：
我在使用 AoT + Rollup 部署应用程序时卡住了：

错误：“GridModule”不是由 node_modules\@progress\kendo-angular-grid\dist\npm\js\main.js 导出（由 app\app.module.js 导入）。

从 Rollup 文档中尝试了 this，但我不明白如何配置 namedExports：

commonjs({
  namedExports: {
    'node_modules/@progress/kendo-angular-grid/dist/npm/js/main.js': [ 'GridModule' ]
  }
});

使用上述配置并不能解决问题。

编辑：最后我的网格工作配置是：

namedExports: {
            '@progress/kendo-angular-grid': ['GridModule'],
            '@progress/kendo-angular-intl/dist/npm/js/intl.service': ['IntlService'],
            '@progress/kendo-angular-intl/dist/npm/js/cldr-intl.service': ['CldrIntlService'],
            '@progress/kendo-angular-grid/dist/npm/js/grid.module': ['GridModule'],
            '@progress/kendo-angular-grid/dist/npm/js/shared.module': ['SharedModule'],
            '@progress/kendo-angular-grid/dist/npm/js/grid.component': ['GridComponent', 'DEFAULT_SCROLLER_FACTORY'],
            '@progress/kendo-angular-grid/dist/npm/js/browser-support.service': ['BrowserSupportService'],
            '@progress/kendo-angular-grid/dist/npm/js/selection.service': ['SelectionService'],
            '@progress/kendo-angular-grid/dist/npm/js/details.service': ['DetailsService'],
            '@progress/kendo-angular-grid/dist/npm/js/column.component': ['ColumnComponent'],
            '@progress/kendo-angular-grid/dist/npm/js/header-template.directive': ['HeaderTemplateDirective'],
            '@progress/kendo-angular-grid/dist/npm/js/col-group.component': ['ColGroupComponent'],
            '@progress/kendo-angular-grid/dist/npm/js/cell-template.directive': ['CellTemplateDirective'],
            '@progress/kendo-angular-grid/dist/npm/js/header.component': ['HeaderComponent'],
            '@progress/kendo-angular-grid/dist/npm/js/resizable.directive': ['ResizableContainerDirective'],
            '@progress/kendo-angular-grid/dist/npm/js/list.component': ['ListComponent'],
            '@progress/kendo-angular-grid/dist/npm/js/pager.component.js': ['PagerComponent'],
            '@progress/kendo-angular-grid/dist/npm/js/template-context.directive': ['TemplateContextDirective'],
            '@progress/kendo-angular-grid/dist/npm/js/footer.component': ['FooterComponent'],
            '@progress/kendo-angular-grid/dist/npm/js/selectable.directive': ['SelectableDirective'],
            '@progress/kendo-angular-grid/dist/npm/js/table-body.component': ['TableBodyComponent'],
            '@progress/kendo-angular-grid/dist/npm/js/field-accessor.pipe': ['FieldAccessorPipe'],
            '@progress/kendo-angular-grid/dist/npm/js/list.component': ['ListComponent', 'SCROLLER_FACTORY_TOKEN','DEFAULT_SCROLLER_FACTORY']
        }

如果启用了“包含”部分，它将不起作用

【问题讨论】：

Emp，谢谢指正！

标签： kendo-ui-angular2 rollupjs angular2-aot

【解决方案1】：

更新（2016 年 12 月 7 日）：所有包都更新为导出 ES2015 模块包，因此与 Rollup 的集成应该开箱即用。

2016 年 11 月 7 日： 在撰写本文时，Kendo UI for Angular 的 NPM 包不提供模块入口点（使用 imports/export），它们是 @ 987654321@自动工作。我们计划在未来引入它们；在他们到位之前，这个问题可能是resolved via namedExports。

See the related GitHub issue

【讨论】：

套件中的所有包现在都导出 ES2015 模块包。有关详细信息，请参阅Tree Shaking 上的帮助主题。