Wie installiert und konfiguriert Syncfusion JavaScript mit Aurelia CLI?

Question

Wie konfiguriere ich Syncfusion JavaScript für die Verwendung mit Aurelia über Aurelia CLI?

Hier ist, wie Syncfusion JavaScript, wenn sie mit jspm verwendet konfiguriert (über http://aurelia-ui-toolkits.github.io/demo-syncfusion/#/installation):

Open config.js and add a couple of path mappings: 

paths: { 
    "*": "src/*", 
    "github:*": "jspm_packages/github/*", 
    "npm:*": "jspm_packages/npm/*", 
    "common/ej.*": "jspm_packages/github/syncfusion/JavaScript-Widgets@14.1.0.41/scripts/ej/common/ej.*.js",       <---- 
    "datavisualization/ej.*": "jspm_packages/github/syncfusion/JavaScript-Widgets@14.1.0.41/scripts/ej/datavisualization/ej.*.js",  <---- 
    "ej.*": "jspm_packages/github/syncfusion/JavaScript-Widgets@14.1.0.41/scripts/ej/web/ej.*.js",          <---- 
    "syncfusion-javascript/*": "jspm_packages/github/syncfusion/JavaScript-Widgets@14.1.0.41/*"          <----  
}, 
"map": { 
    "aurelia-bootstrapper": "npm:aurelia-bootstrapper@1.0.0-beta.1", 
    "aurelia-fetch-client": "npm:aurelia-fetch-client@1.0.0-beta.1", 
    "aurelia-framework": "npm:aurelia-framework@1.0.0-beta.1.0.2", 
    "jquery": "npm:jquery@2.2.3",              <---- 
    "jquery.min": "npm:jquery@2.2.3",             <---- 
    "jquery-easing": "npm:jquery.easing@1.3.2",          <---- 
    "jquery-validation": "npm:jquery-validation@1.15.0",        <---- 
    "jquery-validation-unobtrusive": "npm:jquery-validation-unobtrusive@3.2.6",  <---- 
    "jsrender": "npm:jsrender@0.9.75",            <---- 
} 

Answer 1

Schauen Sie sich die Aurelia CLI documentation wie Bibliotheken zu einem Projekt hinzuzufügen.

Ihre grundlegenden Schritte werden wahrscheinlich das Paket über npm zu installieren:
npm install syncfusion-javascript --save
, dass das Paket zu Ihrer project.json Datei hinzufügen und haben es heruntergeladen.

Als nächstes werden Sie Ihre aurelia.json Datei konfigurieren möchten. Da SyncFusion nicht modular ist und wirklich nur eine Bibliothek von Dateien ist, gibt es keine Möglichkeit, ein Paket zu referenzieren und es gebündelt zu haben. Was Sie tun müssen, ist ein Paket für jedes der von Ihnen verwendeten Pakete zu erstellen.
Oder alternative Lösung, Ihre eigene javascript „main“ Datei erstellen, die alle Module im Paket verweisen Sie mögen, und festgelegt, dass als „main“ in der Paketbeschreibung

{ 
    "name": "syncfusion-javascript", 
    "path": "../node_modules/syncfusion-javascript", 
    "main": "syncFusionCustomMain" 
} 

Ihre syncFusionCustomMain.js Datei importieren würde die Dateien aus dem Ordner node_modules, und exportieren Sie dann die Funktionen, auf die entsprechend verwiesen wird.

Entschuldigung das ist eine Art schlechte Nachrichten für Sie. Dieses Paket ist einfach nicht loaderfreundlich, und ab sofort unterstützt die CLI nicht nur die Definition von Pfaden (da alles gebündelt wird, muss alles zur Kompilierungszeit explizit sein).