Question

如何通过Aurelia CLI配置Syncfusion JavaScript以与Aurelia配合使用？

以下是与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/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

查看Aurelia CLI documentation，了解如何将库添加到项目中。

您的基本步骤可能是通过npm安装软件包：
npm install syncfusion-javascript --save
这会将包添加到您的project.json文件中并将其下载。

接下来，您将要配置aurelia.json文件。因为SyncFusion不是模块化的，而且实际上只是一个文件库，所以没有办法只引用一个包并捆绑它。您需要做的是为您正在使用的每个软件包创建一个软件包或者，替代解决方案，创建您自己的javascript“main”文件，该文件引用所需包中的所有模块，并将其设置为包描述中的“main”

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

您的syncFusionCustomMain.js文件将从node_modules文件夹导入文件，然后导出要正确引用的函数。

对不起，这对你来说是个坏消息。这个软件包不是加载程序友好的，而且截至目前，CLI不支持仅定义路径（因为所有内容都被捆绑在一起，它需要在编译时将所有内容都显式化）。

如何使用Aurelia CLI安装和配置Syncfusion JavaScript？

1 个答案: