Как импортировать компоненты primeng с помощью gulpfile.js?

Question

Я не могу импортировать компоненты primeng с помощью gulpfile.js, но где я могу импортировать другие сторонние компоненты.

Я получаю неизвестную ошибку источника. Пожалуйста помоги.

Должен ли я изменить путь в primeng.js?

Layout.cshtml:

<script src="js/primeui-ng-all.js"></script> 
<script> 
    System.config({ 
     packages: { 
      'app': { 
       format: 'register', 
       defaultExtension: 'js' 
      } 
     }, 
     map: { 
      "angular2-jwt": "lib/angular2-jwt.js", 
      "primeng": "lib/primeng.js" 
     } 
    }); 
    System.import('app/boot').then(null, console.error.bind(console)); 
</script> 

GULPFILE.JS

gulp.task('copy:libs', ['clean'], function() { 
    return gulp.src([ 
    'node_modules/es6-shim/es6-shim.min.js', 
    'node_modules/systemjs/dist/system-polyfills.js', 
    'node_modules/angular2/es6/dev/src/testing/shims_for_IE.js', 
    'node_modules/angular2/bundles/angular2-polyfills.js', 
    'node_modules/systemjs/dist/system.src.js', 
    'node_modules/rxjs/bundles/Rx.js', 
    'node_modules/angular2/bundles/angular2.dev.js', 
    'node_modules/angular2/bundles/router.dev.js', 
    'node_modules/angular2/bundles/http.dev.js', 
    'node_modules/angular2-jwt/angular2-jwt.js', 
    'node_modules/angular2-jwt/angular2-jwt.js.map', 
    'node_modules/primeng/primeng.js', 
    'node_modules/primeng/primeng.js.map', 
]) 
.pipe(gulp.dest(paths.libJsDest)) 
}); 

компонент:

import {DataTable, Column} from 'primeng/primeng';

Я импортированы Datatable, столбец и добавляется к директиве и используется в Компонент ниже

<div class="row"> 
        <p-dataTable [value]="projects"> 
         <p-column field="name" header="name"></p-column> 
         <p-column field="projectState" header="projectState"></p-column> 
        </p-dataTable> 
    </div> 

Но я получаю ошибку ниже:

Syntax error 
    Evaluating http://localhost:2595/lib/primeng.js/primeng 
    Error loading http://localhost:2595/app/boot.js 

Answer 1

вы должны изменить карту на: карте: { 'primeng': 'Библиотека/primeng' }

и вы должны для изменения задачи gulp для экспорта всех компонентов.

Я работаю, чтобы изменить эту конфигурацию, чтобы импортировать только те компоненты, которые вам нужны.