使用Rollup和外部依赖项部署angular 2 app Aot

时间:2016-11-04 13:20:34

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

我已经实施了一个使用Kendo UI Grid的角度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']
        }

如果'包括'它不起作用。部分已启用

1 个答案:

答案 0 :(得分:1)

更新(2016年12月7日):更新所有软件包以导出ES2015模块包,因此与Rollup的集成应该是开箱即用的。

2016年11月7日:在撰写本文时,Angular的Kendo UI的NPM包不提供模块入口点(使用imports / export) ,required for Rollup自动运行。我们计划将来介绍它们;直到它们到位,这个问题可能是resolved via namedExports

See the related GitHub issue