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

Question

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

以下是 Syncfusion JavaScript 与 jspm 一起使用时的配置方式（通过 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？

How to install and configure Syncfusion JavaScript with Aurelia CLI?

javascript

syncfusion

aurelia