2016-12-05 12 views
1

StackOverflow question 격자 모듈에 지정된 Telerik Grid 모듈 및 롤업 설정을 사용하면 'orderBy'를 가져올 수 없습니다. GridModule, SharedModule, IntlService와 같은 다른 모듈이 해결되고 있습니다.Telerik Angular2 롤업 문제

import rollup  from 'rollup' 
import nodeResolve from 'rollup-plugin-node-resolve' 
import commonjs from 'rollup-plugin-commonjs'; 
import uglify  from 'rollup-plugin-uglify' 

//paths are relative to the execution path 
export default { 
entry: 'app/main-aot.js', 
    dest: 'aot/dist/build.js', // output a single application bundle 
sourceMap: true, 
sourceMapFile: 'aot/dist/build.js.map', 
format: 'iife', 
plugins: [ 
    nodeResolve({jsnext: true, module: true}), 
    commonjs({ 
    // include: ['node_modules/rxjs/**'], 
     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-data-query/dist/npm/js/array.operators': ['orderBy'], 
      '@progress/kendo-data-query/dist/npm/js/sort-descriptor': ['SortDescriptor'], 
      '@progress/kendo-data-query/dist/npm/js/data-result.interface': ['DataResult'], 
      '@progress/kendo-data-query/dist/npm/js/common.interfaces': ['Predicate'], 
      '@progress/kendo-data-query/dist/npm/js/state': ['State'], 
      '@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/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'] 

     } 
    }), 
    uglify() 
] 
} 

답변

1

위해이 작업을하기위한, 검도 UI 표준 CommonJS 모듈에 추가 ES2015 모듈로 패키지해야 각도 2 개 패키지 : 여기

내 이름을 수출한다.

소리가 큰 장애물은 아니며 이미 작업 중입니다. Include ES2015 modules in package 문제를 추적 할 수 있습니다.

사실 몇 분 전에 Grid 패키지의 업데이트 된 버전 (0.7.0)을 게시했습니다. 시도해라!

덜 실용적인 옵션은 위에서 사용하는 Rollup CommonJS 플러그인입니다. 그 구성은 정말 장황하다.

+0

telerik-data-query에 대해 namedExport 항목을 제공 할 수 있습니까? 현재 "orderBy '는 rollupjs의 node_modules \ @progress \ kendo-data-query \ dist \ npm \ js \ main.js에서 내 보내지 않습니다. –

+0

'kendo-data-query' 0.2.0 이상을 사용하고 있는지 확인하십시오. 'node_modules'를 클린업하고 다시 설치해야 할 수도 있습니다. –

+0

이제 모든 패키지에 대해 구현됩니다. [Tree Shaking] (http://www.telerik.com/kendo-angular-ui/components/framework/tree-shaking/)의 도움말 항목을 참조하십시오. –