2016-09-14 156 views
0

如何配置Syncfusion JavaScript以通過Aurelia CLI與Aurelia配合使用?如何使用Aurelia CLI安裝和配置Syncfusion JavaScript?

這裏是JSPM使用時Syncfusion JavaScript的配置方式(通過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/[email protected]/scripts/ej/common/ej.*.js",       <---- 
    "datavisualization/ej.*": "jspm_packages/github/syncfusion/[email protected]/scripts/ej/datavisualization/ej.*.js",  <---- 
    "ej.*": "jspm_packages/github/syncfusion/[email protected]/scripts/ej/web/ej.*.js",          <---- 
    "syncfusion-javascript/*": "jspm_packages/github/syncfusion/[email protected]/*"          <----  
}, 
"map": { 
    "aurelia-bootstrapper": "npm:[email protected]", 
    "aurelia-fetch-client": "npm:[email protected]", 
    "aurelia-framework": "npm:[email protected]", 
    "jquery": "npm:[email protected]",              <---- 
    "jquery.min": "npm:[email protected]",             <---- 
    "jquery-easing": "npm:[email protected]",          <---- 
    "jquery-validation": "npm:[email protected]",        <---- 
    "jquery-validation-unobtrusive": "npm:[email protected]",  <---- 
    "jsrender": "npm:[email protected]",            <---- 
} 

回答

0

退房如何庫添加到您的項目奧裏利亞CLI documentation

你的基本步驟可能會是通過NPM安裝的軟件包:
npm install syncfusion-javascript --save
這將包添加到您的project.json文件,並把它下載。

接下來,您將要配置aurelia.json文件。因爲SyncFusion不是模塊化的,並且實際上只是一個文件庫,所以沒有辦法只引用一個包並將其捆綁在一起。你需要做的是爲你正在使用的每個軟件包創建一個軟件包。
或者替代的解決方案,創建自己的javascript「主」文件引用你想要的包中的所有模塊,並設置在包描述的「主」

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

syncFusionCustomMain.js文件將導入node_modules文件夾中的文件,然後導出要適當引用的函數。

對不起,這對你來說是個壞消息。這個軟件包不適合加載器,而且從現在開始,CLI不支持僅僅定義路徑(因爲所有東西都被捆綁在一起,它需要在編譯時顯示所有東西)。

+0

謝謝,安德魯。 –

+0

請參考https://github.com/aurelia-ui-toolkits/aurelia-syncfusion-bridge/issues/43獲取Aurelia-CLI支持「aurelia-syncfusion-bridge」的鏈接。有關更多幫助,請聯繫[email protected] – Karthick